继续保持记笔记的习惯。
CSS Mastery: Advanced Web Standards Solutions
1. 应该只在没有现有元素能够实现区域分割的情况下使用div元素。如
>div id="mainNav"<
>ul<
>li<1>/li<
...
>/ul<
>/div<
就应当使用
>ul id="mainNav"<
...
>/ul<
代替
2. 伪类(Pseudo-classes)
如a:link a:visited 称为链接伪类，只能用于锚(anchor)元素。
input:focus tr:hover a:active 称为动态伪类，理论上可以应用于任何元素。
3. 通用选择器(the universal selector)
* {
margin: 0px;
}
作用于所有元素。
4. 高级选择器
Firefox Safari 均支持，IE 6及更低版本不支持，因此在重要元素上要避免使用。
1)子选择器
如#nav < li仅作用于nav的第一层li，li中包含的列表项不受影响
2)属性选择器
abbr[title] {border-bottom: 1px dotted #999;}
abbr[title]:hover {cursor: help;}
修改了abbr的title属性，不过第一行貌似在IE7中也没有效果，Firefox下可以。