Css 请问[attribute~=value]和[attribute*=value]之间有什么区别

找不到这两个选择器之间的差异。两者似乎做了相同的事情，即基于包含给定字符串的特定属性值选择标记

对于[属性~=值]：

对于[attribute*=value]：

第一个（

[attribute~=value]

）是以空格分隔的搜索

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

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

W3Schools似乎并没有明确区分这一点。使用a.

[attribute~=“value”]选择包含由空格分隔的给定单词的元素，而[attribute*=“value”]选择包含给定子字符串的元素

例如，[data test*=“value”]在下面的div上不匹配，而[data test*=“value”]会匹配

一个是波形，一个是星号。（忍不住）谢谢你，亚历克斯。是的，下次我将不得不做更广泛的搜索，但我想我也应该在这里问一下，因为有人能够以一种对任何人都有意义的方式非常简单地解释这一点（比如你自己）。@Epik很高兴你能理解它。

<div data-test="my values go here"></div>