CSS输入[class*=“span”]

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

这是什么意思<代码>输入[类*=“span”]

从w3schools.com：

例如：

a[src*="w3schools"]

选择其src属性值包含子字符串“w3”的每个元素

但在你的例子中，它看起来有点无用。由于select可能有一个“span”类，因此可以使用以下选项进行选择：

input.span, select.span, textarea.span {
    float: none;
    margin-left: 0;
}

再说一次，在HTML元素后调用类并不明智。。 你能发布它所指的HTML吗

来自w3schools.com：

例如：

a[src*="w3schools"]

选择其src属性值包含子字符串“w3”的每个元素

但在你的例子中，它看起来有点无用。由于select可能有一个“span”类，因此可以使用以下选项进行选择：

input.span, select.span, textarea.span {
    float: none;
    margin-left: 0;
}

再说一次，在HTML元素后调用类并不明智。。

---

你能发布它所指的HTML吗

“*”是一个属性通配符选择器。CSS选择器查找那些类型中的任何元素，这些元素的类名称中包含“span”。

“*”是一个属性通配符选择器。CSS选择器会查找在类名中包含“span”的类的任何类型的元素。

它的基本意思是“选择包含span类的所有类型元素（如输入字段）

看看：

它的基本意思是“选择包含span类的所有类型元素（如输入字段）

---

请看：

input[class*=“span”]

与

input.span没有不同的用法
input[class*=“span”]
表示具有
class=“span”
input[class*=“span”]
的
input标签与
input.span
没有不同的用法
input[class*=“span”]
意味着
input
标记具有
class=“span”
它将选择任何具有类的输入，该类在类名中的任何位置都包含字符串“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" />



它将选择任何具有类的输入，该类在类名的任何位置都包含字符串“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" />



使用这种选择器，您的意思是，如果提供的字符串出现在值中的任何位置，将应用CSS规则

这里有一个更详细的解释：

希望这对您有所帮助。
使用这种选择器，您的意思是，如果提供的字符串出现在值中的任何位置，将应用CSS规则

这里有一个更详细的解释：

希望这有帮助。
可能重复的
input[class*=“span”]
指的是类中包含字符串“span”的所有输入元素。e、 g.
.span demonium
投票结果正确，但使用这样的代码看起来是不好的做法；我认为这段代码的原始作者并不真正理解如何使用类。
input[class*=“span”]
的可能重复项是指其类中包含字符串“span”的所有输入元素。e、 g.
.span demonium
投票结果正确，但使用这样的代码看起来是不好的做法；我认为这段代码的原始作者并不真正理解如何使用类。@Naveen这是一个无用的注释。。无论如何，一个更好的来源是：事实上，没有任何上下文的评论是无用的。但不管怎么说，@Naveen嗯，这是一个无用的评论。。无论如何，一个更好的来源是：事实上，没有任何上下文的评论是无用的。但是无论如何，
input.span
相当于
input[class=“span”]
，而不是
input[class*=“span”]
（注意
*
）@Raidri:不，它相当于
input[class*=“span”]
（注意
）
input.span
相当于
input[class=“span”=/code>，而不是
input[class*]
（注意
*
）@Raidri:No，它相当于
输入[class~=“span”]
（注意
~
）它应该说“其中包含一个属性类，其中值包含字符串“span””，W3C不是W3C。请不要把两者混淆。它应该说“其中包含一个属性类，其中的值包含字符串‘span’”，W3C不是W3C。请不要把两者混淆。