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