CSS3屬性選擇器與(:not)選擇器_html/css

一：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:first-letter會選中其中第一個字母。
css3要求對偽元素使用2個冒號以便對偽類進行區別。但IE8及更低的版本無法識別2個冒號的語法，它們只識別一個冒號。

如果您覺得本文對您的學習有所幫助，請多支持與鼓勵。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com