0

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

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

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

6 回答 6

5

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

<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" />

代码笔示例

于 2013-09-25T11:28:44.733 回答
3

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

于 2013-09-25T11:17:25.193 回答
0

来自 w3schools.com：

例子： 

a[src*="w3schools"]

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

http://www.w3schools.com/cssref/css_selectors.asp

但在你的例子中，它看起来有点没用。由于选择可能有一个“跨度”类，你可以选择它：

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

再说一次，在 HTML 元素之后调用你的类并不完全聪明。你能发布它所引用的 HTML 吗？

于 2013-09-25T11:16:48.143 回答
0

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

在这里你有一个更详细的解释：http ://css-tricks.com/multiple-attribute-values/

希望这可以帮助。

于 2013-09-25T14:10:30.813 回答
-1

它基本上意味着“选择每个包含跨度类的类型元素（如输入字段）。

看看：W3S 学校

于 2013-09-25T11:17:36.627 回答
-1

input[class*="span"]与 . 的用法没有区别input.span。input[class*="span"]表示input具有class="span"

于 2013-09-25T11:20:33.123 回答