一：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個冒號的語法，它們只識別一個冒號。

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

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的html+not选择器,CSS3属性选择器与(:not)选择器_html/css_WEB-ITnose的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。