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 |