1.元素选择器 后代选择器
p{color：red；}
li a{text-decoration:none;}
2.id选择器 类选择器
#nav{color:red;}
.content{color:red;}
注：尽量不要过度使用class selecter。
而是要使用上述四者的结合。
讲一个类选择器或者id选择器应用于他们的祖先元素然后使用后代选择器定位他们。
3.伪类
a:like{color:blue;}
a:visited{color:green;}
*****************
链接伪类，只用于锚点。
a:hover,a:active{color:red;}
tr:hover{color:red;}
input:focus{color:red;}
*****************
动态伪类，理论可以用于所有元素。
4.通用选择器。
*{padding：0；}可以用来对特定元素的所有后代应用样式，或者跳过一级后代。
5.高级选择器(ie6--不支持)
（1）子选择器：选择元素的直接后代。
#nav>li{colorr:ed;}
ie6--对应
#nav li{color:red;}
#nav li *{color:red} (待证实……)
（后代选择器是选择所有的后代元素）
相邻同胞选择器：定位同一个父元素下某个元素之后的元素。
h1 + p{font-weight:bold;}
（2）属性选择器。
根据某个属性是否存在或者属性的值来寻找元素。
<abbr title="Cascading style sheets">CSS</abbr>
可以用 abbr[titile]:{color:red;}
