div[class*="test"] 和 div[class~="test"]有什么区别啊?

Question

div[class*="test"]   和   div[class~="test"]有什么区别啊?

Answer 1

两者的功能相似，都是匹配出class中含有test的div。区别就是

div[class*=text] 匹配所有含有text的class。如：可以匹配class="text box",也可以匹配class="abctextefg"
div[class~=text] 匹配所有含有text单词的class，必须是完整的一个单词。如：可以匹配class="text box",但不能匹配class="abctextefg"