CSS [attribute|=value] 选择器
实例
选择 lang 属性值以 "en" 开头的元素，并设置其样式：
<!DOCTYPE html><html><head><style>[lang|=en] {background: yellow;}</style></head><body><p lang="en">Hello!</p><p lang="en-us">Hi!</p><p lang="en-gb">Ello!</p><p lang="us">Hi!</p><p lang="no">Hei!</p></body></html>
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| 选择器 | |||||
|---|---|---|---|---|---|
| [attribute|=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
注释：对于 IE8 及更早版本的浏览器中的 element>element，必须声明 <!DOCTYPE>。
定义和用法
[attribute|=value] 选择器用于选取属性值以指定值开头的元素。
注释：该值必须是整个单词，比如 lang="en"，或者后面跟着连字符，比如 lang="en-us"。
- 实例
选择其 class 属性值以 "top" 开头的元素，并设置其样式：
<!DOCTYPE html><html><head><style>[lang|=en]{background:yellow;}</style></head><body><p lang="en">Hello!</p><p lang="en-us">Hi!</p><p lang="en-gb">Ello!</p><p lang="us">Hi!</p><p lang="zh">nihao!</p><p><b>注释：</b>对于 IE8 及更早版本的浏览器中的 [attribute|=value]，必须声明 <!DOCTYPE>。</p></body></html>
相关页面
CSS 教程：CSS 属性选择器