CSS输入[class * =“ span”]

Question

我在网页上注意到了这个CSS，并想知道它是如何工作的！

这是什么意思？ input[class*="span"]

input[class*="span"], select[class*="span"], textarea[class*="span"] {
    float: none;
    margin-left: 0;
}

Answer 1

这意味着它将选择任何包含具有在类名中包含字符串“ span”的类的任何输入。如：

<input class="span" type="text" value="span" />

<input class="span-3" type="text" value="span-3" />

<input class="span-six" type="text" value="span-six" />

 <input class="myspan" type="text" value="myspan" />

Codepen范例