CSS 3對屬性選擇器的又增加了3種子字符串的匹配方式：

E[att^="val"]

匹配所有E元素中att屬性的值以“val”開始的所有元素。

E[att$="val"]

匹配所有E元素中att屬性的值以“val”結束的所有元素。

E[att*=”val”]

匹配所有E元素中att屬性的值中包含字符串“val”的所有元素。

例如有XHTML結構如下：

class=" nav-primary"class="content-primary"class="content-secondary"class="tertiary-content"class="nav-secondary"

如果定義div[class^="nav"] { background:#ff0; }，則

class=" nav-primary"，class="nav-secondary"所在div會被選中

如果定義div[class$="primary"] { background: #CF9; }，則

class=" nav-primary"，class="content-primary" 所在div會被選中

如果定義div[att*="content"] { background: #0CF; }，則

class="content-primary" ，class="content-secondary"，class="content-secondary" 所在div會被選中

總結

以上是生活随笔為你收集整理的创建css的时候选择器有哪几类,CSS3-CSS的选择器共有几类？的全部內容，希望文章能夠幫你解決所遇到的問題。

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