CSS 输入[类* ="span"]

Question

我在网页上注意到这个 css 并且想知道它是如何工作的!

这是什么意思？ 输入[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 EXample