css - [attribute~=value] 和 [attribute*=value] 的区别

Question

我找不到这两个选择器之间的区别。两者似乎都做同样的事情，即根据包含给定字符串的特定属性值选择标签。

对于 [attribute~=value] :http://www.w3schools.com/cssref/sel_attribute_value_contains.asp

[属性*=值]:http://www.w3schools.com/cssref/sel_attr_contain.asp

Answer 1

w3schools 是一个 notoriously unreliable来源，与 W3C 无关。相反，请咨询 official CSS standard :

[attribute~=value] 匹配以空格分隔的列表中的任何条目。
它匹配 attribute="a value b"，但不匹配 attribute="a valueb"。

[attribute*=value] 匹配任何子字符串。
它匹配 attribute="a value b" 和 attribute="a valueb"，但不匹配 attribute="x"。