CSS3 [attribute$=value] 選擇器

定義和用法

CSS [attribute$=value] 選擇器用于匹配屬性值以指定值結尾的每個元素。

實例

例子 1

為所有 class 屬性值以 "test" 結尾的 <div> 元素設置樣式：

div[class$="test"] {
  background: salmon;
}

親自試一試

例子 2

為所有 class 屬性值以 "test" 結尾的元素設置樣式：

[class$="test"] {
  background: salmon;
}

親自試一試

CSS 語法

[attribute $= value] {
  css declarations;
}

技術細節

版本： CSS3

瀏覽器支持

表格中的數字表示完全支持該選擇器的首個瀏覽器版本。

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

相關頁面

CSS 教程：CSS 屬性選擇器

CSS 教程：CSS 屬性選擇器詳解