看书学习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,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 |