CSSTDG读书笔记二
2005.03.0215:37
[ CSSTDG读书笔记 ]
Chapter 2. Selectors
css元素的属性声明用空格分割，但有一个特殊情况就是font元素
font: large/150% sans-serif;
其中斜杠/用来分割字体大小和行高。
支持星号选择符
* {font:12px;}
关于混合class选择符，一个元素可以应用多个class，用空格分隔。
效果元素中class属性值的顺序无关，<div class=”classa classb”>和<div class=”classb classa”>
是一样的，它们应用到元素中的顺序和定义时的顺序一致。
同时可以针对使用混合选择符的元素指定特殊定义
.classa{ color:red;}
.classb{ font-weight:bold:}
.classa.classb{background-color:silver;}
// class="classa classb"的元素才会有这个样式
但是IE的解释有问题，它会给所有class含classb的元素应用这条规则。所以
<p class="classb">blah</p> <p class="classa classb">blah</p> <p class="someclass classb">blah</p>
类似这种元素都会应用background-weight:silver;这条规则。
ID在同一篇文档中唯一，不可混合。
属性选择符
- elemname[attr] {…}
- elemname[attr1][attr2] {…}
- elemname[attr=”blahblah”] {…}
- elemname[attr~=”blah”] {…} 包含
- elemname[attr|=”ba”] {…} 先导
IE6目前不支持属性选择符IE7将会支持
- > 选择符，表示直接子孙。空格表示子孙。
- + 选择符，表示相邻的下一个兄弟。如p + li {}表示紧跟p的li的样式。可以连加如p+div+ul
IE目前不支持这两个选择符IE7将会支持
