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 属性选择器详解