CSS读书笔记(1)- 选择器

看书学习CSS，每看完一部分就做一次笔记。有助于领会学到的知识。

CSS有很多种选择器类型

类型选择器: body {}

后代选择器: body div p {}

ID选择器: #intro {}

类选择器: .dateposed {}

伪类选择器 a: hover {}

通用选择器: *{} ul *{}

相邻选择器: #nav > li{} 选择id="nav"下的第一个li元素

   h1 + p {} 选择 h1结束后的第一个p元素

以上都是常用的，下面有些更强大的选择器

 

属性选择器：

HTML:

CSS

CSS:

abbr[title]: { border-bottom: 1px dotted #999;}

abbr[title]: hover{ cursor: help;}

abbr[title="nofollow"]{

 

 

选择器	特殊性	基数的特殊性(优先级)
Style=""	1,0,0,0	1000
#wrapper #content { }	0,2,0,0	200
#content .datePosted { }	0,1,1,0	110
div#content { }	0,1,0,1	101
#content { }	0,1,0,0	100
p.comment .dateposted { }	0,0,2,1	21
p.comment{ }	0,0,1,1	11
div p { }	0,0,0,2	2
p { }	0,0,0,1	1