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 屬性選擇器詳解