在创建CSS条目时，class *意味着什么？

Question

我有以下内容：

[class^="fa-icon-"], [class*=" fa-icon-"] {

我知道类^意味着开头但是类*意味着什么？

Answer 1

这只是意味着选择class属性包含子串fa-icon-

的任何元素

Demo

所以，当我和你分享一个演示时，选择任何p元素的子字符串为fa-icon-（注意：那里的空间很重要）

所以它会选择元素说

<p class=" fa-icon-">Hello</p>

上面的选择器也会选择

之类的东西

<p class=" fa-icon-blah">Hello</p>

Demo 2

Answer 2

表示具有class属性的元素，该属性的值至少包含子字符串“fa-icon - ”的一个实例。

来自w3c spec：

  

[ATT * = VAL]

     

表示具有att属性的元素，其值包含at   子串“val”的至少一个实例。如果“val”是空的   字符串然后选择器不代表任何东西。