common selector(通用选择子)
element/type selector: p,h1,a{color:#444; padding:3px;}
Descendant selectors(后代选择子) li a{color:#444; } 此样式只对 li下的 a 有效。这两种表示方法一般是对整个页面中的元素设置样式。
对于只设置部分样式的情况用class和id,class可以被任意多的元素使用,而id一般只针对某一个元素,整个页面唯一。
ID selector: 以#号开始 #ID_Name{color:#444}
class selector: 以.号开始 .Class_name{color:#444}
可以组合 type Descendant id/class selector, #ID_name li{color:#444} .class_name li{color:#444}, #ID_name .class_name{color:#444}. 这种写法类似面向对象中对象的引用。
除了静态的使用 css样式外,还可以根据对象的状态来应用不同的样式,称为 pseudo-class
/* makes all visited links green */
a:visited {color:green;}
/* makes links red when hovered or activated */
a:hover, a:active {color:red;}
universal selector (全局选择子)
*{color:#44}应用于文档中所有的element
高级选择子
目前 ie6并不支持,你可以对element的某个属性设置css style,甚至根据属性值来设置样式。