选择div的第一个孩子而不使用第一个孩子

Question

我想选择父div的第一个子节点，但是我有一些约束：我想要选择的div有一个非常通用的类名，而且我没有访问标记来给它另一个类。由于它具有这样的通用类名，如果我使用first-child，我的更改将应用​​于页面上不相关的元素。它还有一个具有相同类型和类名的兄弟：

<div class="parent-div">
    <div class="extremely-general-class">I want to change this one</div>
    <div class="extremely-general-class">And not change this one</div>
</div>

有没有办法只选择父div的第一个孩子，但不使用第一个孩子？如果我使用

parent-div > general-class 

然后它将适用于两个兄弟div。

Answer 1

答案是嵌套，如：

grand-grand-parent-div > grandparent-div > parent-div > general-class:first-child

等等，只要结构不重复。

我想到的另一个想法是使用:not()选择器，但只有当你不想要风格的其他div有一些共同的待定样式时才会出现这种情况。没有按＆＃39;吨

Answer 2

您可以使用

选择第一个孩子

general-class:nth-child(1)

就像你问的那样，不是使用第一个孩子