存否和值選擇器

這些選擇器允許基於一個元素自身是否存在（例如href）或者基於各式不同的按屬性值的匹配，來選取元素。

下面的示例中，你可以看到這些選擇器是怎樣使用的。

• 使用li[class]，我們就能匹配任何有class屬性的選擇器。這匹配了除了第一項以外的所有項。
• li[class="a"]匹配帶有一個a類的選擇器，不過不會選中一部分值為a而另一部分是另一個用空格隔開的值的類，它選中了第二項。
• li[class~="a"]會匹配一個a
  類，不過也可以匹配一列用空格分開、包含a類的值，它選中了第二和第三項。

子字串匹配選擇器

這些選擇器讓更高階的屬性的值的子字串的匹配變得可行。例如，如果你有box-warning和box-error類，想把開頭為“box-”字串的每個物件都匹配上的話，你可以用[class^="box-"]來把它們兩個都選中。

下個示例展示了這些選擇器的用法：

• li[class^="a"]匹配了任何值開頭為a的屬性，於是匹配了前兩項。
• li[class$="a"]匹配了任何值結尾為a的屬性，於是匹配了第一和第三項。
• li[class*="a"]匹配了任何值的字串中出現了a的屬性，於是匹配了所有項。

偽類 ：類是一個選擇處於特定狀態的元素的選擇器，比如它們是這一型別的第一個元素的時候，或者是滑鼠指標懸浮在上面的時候。它們表現得會像是你向你的文件的某個部分應用了一個類一樣，幫你在你的標記文字中減少多餘的類，讓你的程式碼更靈活、更易於維護。

偽元素：偽元素以類似方式表現，不過表現得是像你往標記文字中加入全新的HTML元素一樣，而不是向現有的元素上應用類。偽元素開頭為雙冒號::。

優先順序

一個選擇器的優先順序可以說是由四個部分相加(分量)，可以認為是個十百千 —四位數的四個位數：

1. 千位：如果宣告在style的屬性（內聯樣式）則該位得一分。這樣的宣告沒有選擇器，所以它得分總是1000。
2. 百位：選擇器中包含ID選擇器則該位得一分。
3. 十位：選擇器中包含類選擇器、屬性選擇器或者偽類則該位得一分。
4. 個位：選擇器中包含元素、偽元素選擇器則該位得一分。

例：