导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

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 语法

[attribute ~= value] {
  css 声明;

相关页面

CSS 教程:CSS 属性选择器


Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。