html - 多个元素的 CSS 选择器索引

Question

我有以下代码。如您所见，我所有的 div 元素都具有相同的 class name。我想通过 CSS 选择器选择第三个 div 元素。我找不到任何办法。 nth-child(n) 用于子元素(child)。有什么想法吗？

<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)

HTML

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