CSS基礎篇--CSS3屬性選擇器與(:not)選擇器

一：css3屬性選擇器

img[alt]{
    border:2px dashed #000;
}

這個選擇器會匹配頁面標籤中任何一個含有alt屬性的圖片標籤。

還能夠經過設定屬性值來縮小匹配範圍：以下代碼：

img[alt="atwi_oscar"]{
     border:2px dashed #000;
}

css3的子字符串匹配屬性選擇器
（1）‘匹配開頭’的屬性選擇器依法以下：
Element[attribute^="value"]，實例代碼以下：

img[alt^="filem"]{
        border:2px dashed #000;
    }

(2)'匹配包含內容'的屬性選擇器
Element[attribute*="value"]，實例代碼以下：

img[alt*="filem"]{
    border:2px dashed #000;
}

(3)'匹配結尾'的屬性選擇器
Element[attribute$="value"]，實例代碼以下：

img[alt$="filem"]{
    border:2px dashed #000;
}

二：(:not)選擇器

否認僞類選擇器，用於選擇不知足某些條件的元素，例如：

nav ul li:not(.internal) a{
color:#000;
}

多提一點關於僞元素的：

對僞元素的修正
P:first-line 會選中<p>標籤的第一行內容，
P:first-letter會選中其中第一個字母。
css3要求對僞元素使用2個冒號以便對僞類進行區別。但IE8及更低的版本沒法識別2個冒號的語法，它們只識別一個冒號。

CSS選擇器彙總

下面附一個詳細的css選擇器的圖表：

詳細可參考：CSS 選擇器參考手冊
若是您以爲本文對您的學習有所幫助，請多支持與鼓勵。