css - 请问[属性~=值]和[属性*=值]有什么区别

Question

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

对于[属性~=值]:http://www.w3schools.com/cssref/sel_attribute_value_contains.asp

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

Answer 1

第一个 ([attribute~=value]) 是空格分隔的搜索...

<!-- Would match -->
<div class="value another"></div>

...第二个 ([attribute*=value]) 是子字符串搜索...

<!-- Would match -->
<div class="a_value"></div>

W3Schools 似乎并没有非常清楚地说明这一区别。使用better resource .