CSS [attribute~=value] 选择器
定义和用法
CSS [attribute~=value] 选择器用于选择属性值中包含特定单词的元素。
下面的例子将匹配 title="flower"、title="summer flower" 和 title="flower new" 的元素，但不会匹配 title="my-flower" 或 title="flowers" 的元素。
实例
选择并设置所有 title 属性包含单词 "flower" 的元素的样式：
[title~="flower"] { border: 5px solid green; }
CSS 语法
[attribute ~= value] { css declarations; }
技术细节
| 版本： | CSS2 |
|---|
浏览器支持
表格中的数字表示完全支持该选择器的首个浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |