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

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

CSS有很多种选择器类型

类型选择器: body {}

后代选择器: body div p {}

ID选择器: #intro {}

类选择器: .dateposed {}

伪类选择器 a: hover {}

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

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

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

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

 

属性选择器：

HTML:

<abbr title="Cascading style sheets">CSS</abbr>

CSS:

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

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

abbr[title="nofollow"]{

 

 

选择器特殊性基数的特殊性(优先级)Style=""1,0,0,01000#wrapper #content { }0,2,0,0200#content .datePosted { }0,1,1,0110div#content { }0,1,0,1101#content { }0,1,0,0100p.comment .dateposted { }0,0,2,121p.comment{ }0,0,1,111div p { }0,0,0,22p { }0,0,0,11