多个元素的 CSS 选择器索引

Question

我有以下代码。正如你所看到的，我的所有div元素都有相同的class name. 我想通过 CSS 选择器选择第三个div元素。我找不到任何办法。nth-child(n)用于子元素（子元素）。任何想法？

<div class="linkDisplayStyle"> <a href="#1"> </div>
<div class="linkDisplayStyle"> <a href="#2"> </div>
<div class="linkDisplayStyle"> <a href="#3"> </div>
<div class="linkDisplayStyle"> <a href="#4"> </div>
<div class="linkDisplayStyle"> <a href="#5"> </div>
<div class="linkDisplayStyle"> <a href="#6"> </div>

Answer 1

nth-child当您在父节点下查找子节点时有效。为了向您展示一个例子，我想出了以下内容

.parent>div:nth-child(3)

网页

<div class="parent"> 
    <div class="linkDisplayStyle"> <a href="#1"> </div>
    <div class="linkDisplayStyle"> <a href="#2"> </div>
    <div class="linkDisplayStyle"> <a href="#3"> </div>
    <div class="linkDisplayStyle"> <a href="#4"> </div>
    <div class="linkDisplayStyle"> <a href="#5"> </div>
    <div class="linkDisplayStyle"> <a href="#6"> </div>
</div>