[attr~=val]

定义和用法

• E [ attr ~ = value ]，选择具有包含指定单词的属性值的元素。也称为部分属性值选择器。需要根据属性值中的词列表的某个词进行选择，则需要使用波浪号（ ~ ）。
• E [ attr ~ = value ]，基于属性的空格分隔值的一部分选择任何元素。如果此value值包含用 空格分隔的多个值 列表，匹配就可能出问题。

语法:

E [ attr ~ = value ]

HTML属性值为一用空格分隔的多个值，此时使用此选择器，其中一个等于value的E元素（包含只有一个值且该值等于val的情况）。

浏览器支持

所有浏览器都支持

例子

div[class~="a"]{border:2px solid #000;}

//匹配到了class属性，且属性值中有一个值为a

[title~=flower]
{
  background-color:yellow;
}


//选择标题属性包含单词"flower"的所有元素