繼續(xù)保持記筆記的習(xí)慣。
CSS Mastery: Advanced Web Standards Solutions
1. 應(yīng)該只在沒(méi)有現(xiàn)有元素能夠?qū)崿F(xiàn)區(qū)域分割的情況下使用div元素。如
>div id="mainNav"<
>ul<
>li<1>/li<
...
>/ul<
>/div<
就應(yīng)當(dāng)使用
>ul id="mainNav"<
...
>/ul<
代替
2. 偽類(lèi)(Pseudo-classes)
如a:link a:visited 稱(chēng)為鏈接偽類(lèi),只能用于錨(anchor)元素。
input:focus tr:hover a:active 稱(chēng)為動(dòng)態(tài)偽類(lèi),理論上可以應(yīng)用于任何元素。
3. 通用選擇器(the universal selector)
* {
margin: 0px;
}
作用于所有元素。
4. 高級(jí)選擇器
Firefox Safari 均支持,IE 6及更低版本不支持,因此在重要元素上要避免使用。
1)子選擇器
如#nav < li僅作用于nav的第一層li,li中包含的列表項(xiàng)不受影響
2)屬性選擇器
abbr[title] {border-bottom: 1px dotted #999;}
abbr[title]:hover {cursor: help;}
修改了abbr的title屬性,不過(guò)第一行貌似在IE7中也沒(méi)有效果,F(xiàn)irefox下可以。