1、*：通用選擇器
針對初學(xué)者來說婿着，我們還是從簡單的開始學(xué)起授瘦，首先我們來認(rèn)識下通用選擇器，然后再逐步深入學(xué)習(xí)其它高級的選擇器竟宋，加入我們想讓文檔中的每個元素都顯示成紅色提完，我們可以這么做：
* {color:red;}
通用選擇器，可以匹配頁面所有的元素丘侠。 許多開發(fā)者可能會用這個技巧如下代碼所示讓元素居中徒欣，在開發(fā)測試階段固然是好的，但是我不建議這么做蜗字，因為這樣做會給瀏覽器增加很大的負(fù)擔(dān)打肝。
* {
margin: 0;
padding: 0;
}
瀏覽器兼容性：
IE6+
Firefox
Chrome
Safari
Opera
2、#X：ID選擇器
ID選擇器的開頭使用#號秽澳，但是你在使用的時候闯睹，需要謹(jǐn)慎。
問問自己：是否真的需要使用ID選擇器來定義樣式
id選擇器比較局限担神，不能重用楼吃。因此需要慎重考慮。
#container {
width: 960px;
margin: auto;
}
瀏覽器兼容性：
IE6+
Firefox
Chrome
Safari
Opera
3妄讯、.X：類選擇器
類選擇器的開頭用.（點）進(jìn)行表示孩锡。與ID選擇器的區(qū)別就是可以重用。定義多個元素的樣式亥贸，好比按組進(jìn)行歸類躬窜，同一類的樣式統(tǒng)一定義。
.error {
color: red;
}
如果把兩個類串在一起炕置，選擇的就是同時具有兩個類名的元素荣挨，類名的順序則無所謂男韧，比如 class="urgent warning" , css 選擇器你也可以這樣寫 .warning .urgent。
瀏覽器兼容性：
IE6+
Firefox
Chrome
Safari
Opera
4默垄、X Y：后代選擇器
后代選擇器此虑，英文名稱：descendant selector，本文的開頭我們學(xué)習(xí)了什么是后代元素口锭，比如我們要選擇在li元素中包含a標(biāo)簽的鏈接（不是所有的鏈接）朦前，取消下劃線的默認(rèn)樣式，我們可以這樣代碼實現(xiàn)：
li a {
text-decoration: none;
}
經(jīng)驗分享: 如果你的選擇器看起來像X Y Z A B.error這樣就錯了鹃操。問問自己是否真的需要加入這么多負(fù)荷, 這樣寫的可讀性也太差了韭寸。還有一個需要注意的，后代元素的層級問題荆隘，可能會很深恩伺。
瀏覽器兼容性：
IE6+
Firefox
Chrome
Safari
Opera
