CSS [attribute|=value] 選擇器

定義和用法

CSS [attribute|=value] 選擇器用於選擇具有指定屬性且屬性值完全匹配或以指定值後跟連字符(-)開頭的元素。

注意:值必須是一個完整的單詞,要么單獨出現,如 lang="en",要么後跟連字符(-),如 lang="en-us"。

實例

例子 1

選擇並設置 lang 屬性值為 "en" 或 "en-" 的元素的樣式:

[lang|="en"] {
  background-color: yellow;
}

親自試一試

例子 2

選擇並設置 class 屬性值為 "top" 或 "top-" 的元素的樣式:

[class|="top"] {
  background-color: yellow;
}

親自試一試

CSS 語法

[attribute |= value}
  css declarations;
}

技術細節

版本: CSS2

瀏覽器支持

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

Chrome Edge Firefox Safari Opera
4.0 7.0 2.0 3.1 9.6

相關頁面

CSS 教程:CSS 属性选择器

CSS 教程:CSS 属性选择器詳解