Question

1个类在html中重复了9次，我的问题是如何用css选择重复的类？溶液

<li class="its"></li>
<li class="its"></li>
<li class="its"></li>
<li class="its"></li>
<li class="its"></li>
<li class="its"></li>
<li class="its"></li>
<li class="its"></li>
<li class="its"></li>

http://jsfiddle.net/LMnK4/

Answer 1

@Jose - 类用于分组，其中可以多次给予不同的标签，其中ID是唯一的。您可以指定仅包含1个唯一ID的标记。

<li id="first-element" class="its"></li>
<li id="second-element" class="its"></li>
<li id="third-element" class="its"></li>

回复你的帖子 - 将第一个元素类设为原始元素，将其他类复制。

<li id="first-element" class="original"></li>
<li id="second-element" class="duplicate"></li>
<li id="third-element" class="duplicate"></li>
<li id="third-element" class="duplicate"></li>

应用CSS规则 -

可以像.its {CSS STYLING INSIDE THE BRACKET}一样选择类。

注意：使用类应用的CSS将应用于具有相应类的所有元素。

可以像#first-element{CSS STYLING INSIDE THE BRACKET}一样选择ID。

由于ID是唯一的，因此它仅适用于相应的标签。

More Info on HTML

More Info on CSS

Answer 2

您可以为元素设置ID以识别它

<li id="unique-element" class="its"></li>
<li id="another-element" class="its"></li>

Answer 3

很难确定你在谈论什么，所以我更新了你的小提琴。如果你想真正选择那样的多个项目，jQuery将会成为你的选择。

我做了一些修改，给你一个关于最新情况的视觉例子。

A fiddle

我用一个按钮制作它，所以当它被点击时，它会按类名选择LI，并为它们添加一个二级类，给它们一个字体颜色变化。

$( "#target" ).click(function() {
    $( "li" ).each(function() {
        $( this ).addClass( "foo" );
    });
});

--- ---编辑

如果您向我们介绍您实际想要做的事情的更多信息，以及您尝试过的任何代码，那么我们可以为您提供更多帮助。

Answer 4

在控制台上使用XPath来验证该类是否被多次引用：

$x('//*[@class="its"][2]')

使用XPath查看哪些元素使用重复的类引用：

$x('//li[@class][2]/@class')

在Firefox或Chrome中受支持。 IE在其控制台API中不支持$x。

一旦找到了，请使用jQuery XPath Plugin之类的库集成到您的代码中。

<强>参考

用css选择重复的类

4 个答案: