幾個常用不易混淆的選擇器就簡單介紹一下，就不再贅述了：
常用選擇器的優先順序：
通配選擇器 < 型別選擇器 < class < id < 行間樣式
以下是會用到但又經常混淆的選擇器：
第一組：div>p 和div+p的區別
共用的html**：
class="box1">
class="main">
我是box1下的p元素（box1的第一層子元素）
p>
class="main">我是box1的div元素下的p元素(box1的第二層子元素)p>
div>
class="main">我是緊接在box1下的p元素（box1的第一層子元素）p>
div>
class="main">我是緊接在box1後的p元素（box1的第一層子元素）p>
class="main">我是緊接在box1後的p元素（box1的第一層子元素）p>div>p： 表示選擇父元素為div元素的所有p元素。
css**：
.box1>.main
div+p：表示選擇緊接在div元素之後的所有p元素。
css**：
.box1+.main
第二組：nth-child和nth-of-type的區別
共用的html**：
我是乙個普通的div標籤div>
我是第1個p標籤p>
我是第2個p標籤p>
section>p:nth-child(2)：選擇屬於其父元素的第二個子元素的每個 p元素。
css**：
p:nth-child(2)
p:nth-of-type(2)：選擇屬於其父元素第二個 p 元素的每個 p 元素。
css**：
p
:nth-of-type(2)
CSS常用選擇器及優先順序
基礎選擇器 1.通用選擇器，匹配任何元素 color ff0000 2.標籤選擇器，匹配指定的所有標籤 p 對於派生選擇器，當有 號出現時，不管 號在什麼地方，第乙個或者中間或者最後乙個，都視為id派生選擇器，優先順序高於只有乙個選擇的id選擇器，比如 div abc hello 優先順序高於 ab...
CSS選擇器及優先順序
css優先順序的計算公式 通常我們可以將css的優先順序由高到低分為六組 無條件優先的屬性只需要在屬性後面使用 important 它會覆蓋頁面內任何位置定義的元素樣式。當然，ie 6不支援這個屬性，於是它也成為一種hack被很多人所熟知，真正使命被人淡忘。第二高位的優先屬性是在html中給元素標籤...
CSS選擇器及優先順序
css選擇器 css選擇器優先順序 解釋 對一種有標識的內容進行樣式變化 標籤選擇器 對應的標籤檔案所有對應的標籤都會被選擇修飾 選擇器名 標籤 類選擇器 標籤內的屬性 class 值 選擇器名 class 顧名思義，是一類的內容使用同一種樣式 id選擇器 標籤內的屬性 id 值 選擇器名 id i...