css 如何选择相同class类的第一个类？

Posted 2023-04-28

<div class="header">
<div class="hebody"><img class="Logo"></div>
<div class="hebody"> <a class="loc"</a> </div>
<div class="hebody"> <a class="loc"</a></div>
<div class="hebody"><a class="loc"</a></div>
<div class="hebody"><a class="loc"</a></div>
<div class="hebody"><a class="loc"</a></div>
<div class="hebody"><a class="loc"</a></div>
<div class="hebody"><a class="loc"</a></div>
<div class="hebody"><a class="loc" </a></div>
</div>
请问如何选择 第一个loc类呢?

这个情况css是筛选不出来的呢，就好比一碗水里面你取一瓢，取上来的还是水呢！

以你现在的代码来看，

泛选择 .hebody .loc    (这样写就选择了所有的hebody下的loc类)

单独选择 .header div:nth-child(2) .loc        (这样写就单独选择了第一个含有loc类的容器了)

希望能帮到你！

参考技术A 第一个类将第一个div 里面的hebody 改为hebody 1，在css 里写：

.hebody1

参考技术B 如果要选择这种相同类型的话，第一个还是比较好的，第一类的话应该是投单品。 参考技术C 将第一个<div class="hebody"> <a class="loc"</a> </div>里面的hebody 改为hebody 1，在css 里写： .hebody1width:height:...........

如果是要用修饰超链接的话：
再问吧
如果有用，请采纳。谢谢。 参考技术D 这个其实你可以参考一下他每一个类型的意思的那个，然后再进行选择也可以。

从具有相同类的元素集中选择随机ID [重复]

【中文标题】从具有相同类的元素集中选择随机ID [重复]

【英文标题】：select random id from set of elements with the same class [duplicate]

【发布时间】：2017-05-17 16:01:16

【问题描述】：

我在一个页面上有一组元素，它们都具有相同的类，但都有不同的 id。我正在寻找一个随机元素并获取它的 id，以便它可以在另一个函数中使用。

<div id="7469" class="element"> ... </div>
<div id="0184" class="element"> ... </div>
<div id="3986" class="element"> ... </div>
<div id="1295" class="element"> ... </div>
<div id="5704" class="element"> ... </div>
and so on...

【问题讨论】：

如果您使用$('.element') 选择，您可以从结果对象的0 到length 之间选择一个随机数，并按索引选择一个特定元素。

【参考方案1】：

随机生成索引，根据索引获取元素。为此使用 Math.random 和 jQuery eq() 方法。

var $ele = $('.element');

console.log($ele.eq(Math.floor(Math.random()*($ele.length - 1))).attr('id'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="7469" class="element">...</div>
<div id="0184" class="element">...</div>
<div id="3986" class="element">...</div>
<div id="1295" class="element">...</div>
<div id="5704" class="element">...</div>

【参考方案2】：

首先收集 element 类的所有 div。

var elements = $(".element");

然后

var randomelement = elements[Math.floor(Math.random() * elements.length)];
var randomid = $(elements[randomelement].attr("id"))
console.log(randomid)

看到这个SO question