Question

我试图选择一个div的特定和直接孩子的特定和直接的孩子（我不知道怎么说）。但是，在这两种情况下，元素都可以是任何东西，所以我需要使用＆＃34; *＆＃34;用于选择这些元素的通用符号。

这可能已经很清楚了，这就是我所拥有的：

.some-div>*:nth-child(2)>*:nth-child(1){
  background-color: #d3fba9;
}
.some-div>*:nth-child(2)>*:nth-child(2){
  background-color: #d3ffe9;
}
.some-div>*:nth-child(2)>*:nth-child(3){
  background-color: #d3fac9;
}

正如你所看到的，我需要选择div的第二个孩子的第1-3个孩子，并为他们应用风格。有可能这样做吗？

Answer 1

是。星号*是多余的，因为您已经为该特定元素（.some-div的子孙提供了一些说明符。

.some-div > :nth-child(2) > :nth-child(1) - 选择.some-div的第二个孩子的第一个孩子。
.some-div > :nth-child(2) > :nth-child(2) - 选择.some-div的第二个孩子的第二个孩子。
.some-div > :nth-child(2) > :nth-child(3) - 选择.some-div的第二个孩子的第3个孩子。

CSS：如何选择div的特定通用孙子？

1 个答案: