请问|css| 如何选择相同class类的第一个类？具体情况如下

Question

<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类呢?

Answer 1

这个情况css是筛选不出来的呢，就好比一碗水里面你取一瓢，取上来的还是水呢！以你现在的代码来看，泛选择 .hebody .loc&nbsp; &nbsp; (这样写就选择了所有的hebody下的loc类)单独选择 .header div:nth-child(2) .loc&nbsp; &nbsp; &nbsp; &nbsp; (这样写就单独选择了第一个含有loc类的容器了)

Answer 2

第一个类将第一个div 里面的hebody 改为hebody 1，在css 里写：.hebody1{}

Answer 3

如果要选择这种相同类型的话，第一个还是比较好的，第一类的话应该是投单品。