[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"的所有元素