用過css的同志們都知道，選擇器是非常重要的，如果選擇器使用不當，即使你的css寫的再好，但是不知道要用在哪個元素上，這不是英雄無用武之地嗎？
css，用過的都說好！
最基本的選擇器，id選擇器，類選擇器這些大家早已心知肚明的就不在這裏贅述了，有那功夫趕緊研究一下把妹攻略
.
僞類：
:link，:visited被稱爲鏈接僞類，只能被用在<a>標籤上。:hover，:active，:focus稱爲動態僞類，可以用於任何元素。
屬性選擇器：
支持自定義屬性
input[title=te]{color:red} /*屬性選擇器*/
input[other=wch]{color:blue}層疊和特殊性
順序：!important的用戶樣式 > !important的作者樣式 > 作者樣式 > 用戶樣式 > 繼承 > 瀏覽器樣式
css特殊性計算規則：
css特殊性分成4個等級；a,b,c,d
a表示 style樣式；
b表示id選擇器的數量；
c表示類、僞類和屬性選擇器的數量；
d表示類型選擇器和僞元素選擇器的數量。
由此計算出來的四位數abcd，值越大，優先級越高；
例如：
style=""
值爲1000
#wrapper #content {}
值爲0200
div#content{}
值爲0101
#conten{}
值爲0100
p.comment .dateposted{} 值0021
div p{} 值爲0002
如果兩個規則的特殊性相同，那麼後定義的規則優先。
演示代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style >
a:hover,input:hover{border-color:red;} /*僞類選擇器*/
a:focus,input:focus{border-color:blue}
a:active,input:active{border-color:green}
a:link{border-color:#FFFF00}
a:visited{border-color:#FF33CC}
a + p{color:green} /*選擇兄弟元素，無效好像*/
#nav>li{color:red !important;} /*改變特殊級別*/
#nav li{color:yellow}
#nav li *{color:green} /*通用選擇器*/
input[title=te]{color:red} /*屬性選擇器*/
input[other=wch]{color:blue}
div#ttt{color:#CC0066}
</style>
</head>
<body>
<a href="#" >wch</a>
<input type="text" value="12321" title="test" other="wch" />
<input type="text" value="12321" title="te" other="qqq" />
<input type="text" id="ttt" value="wch" />
<div id="ttt">test element#id</div>
<ul id="nav">
<li>h1</li>
<li>
<ul>123312
<li>x1</li>
<li>x2</li>
</ul>
</li>
<li>h3</li>
</ul>
</body>
</html>