CSS [attribute~=value] 选择器
示例
选择并样式化所有 title 属性包含空格分隔的单词列表,其中一个单词是“flower”的元素
[title~="flower"] {
background-color: yellow;
}
自己动手试一试 »
定义和用法
[attribute~=value] 选择器用于选择属性值包含指定单词的元素。
上面的示例将匹配 title="flower"、title="summer flower" 和 title="flower new" 的元素,但不匹配 title="my-flower" 或 title="flowers"。
版本 | CSS2 |
---|
浏览器支持
表格中的数字表示首次完全支持该选择器的浏览器版本。
选择器 | |||||
---|---|---|---|---|---|
[attribute~=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS 语法
相关页面
CSS 教程:CSS 属性选择器