Css选择器目标如果是x元素

简单地说，如果有3个div，我想针对一个规则，如果有4个div，则针对另一个规则

标记

//one set of rules
<div></div>
<div></div>
<div></div>

//second fules
<div></div>
<div></div>
<div></div>
<div></div>

---

我遵循了这一点：但不幸的是运气不太好。

在您的小提琴中，以下选择器：

.stepNav li span:nth-child(1):nth-last-child(4), 
.stepNav li span:nth-child(2):nth-last-child(3), 
.stepNav li span:nth-child(3):nth-last-child(2), 
.stepNav li span:nth-child(4):nth-last-child(1)

匹配所有

span

元素，如果同一父元素中正好有4个元素。但是每个

li

只有一个

span

，这使得每个

span

都是独生子，而不是四个孩子中的一个

当正好有4个

li

元素时，您要做的是设置

span

元素的样式，因此需要将伪类移到以下位置：

.stepNav li:nth-child(1):nth-last-child(4) span, 
.stepNav li:nth-child(2):nth-last-child(3) span, 
.stepNav li:nth-child(3):nth-last-child(2) span, 
.stepNav li:nth-child(4):nth-last-child(1) span

---

，在那里您可以看到所有的

span

s现在都是黑色。

在您的小提琴中，以下选择器：

.stepNav li span:nth-child(1):nth-last-child(4), 
.stepNav li span:nth-child(2):nth-last-child(3), 
.stepNav li span:nth-child(3):nth-last-child(2), 
.stepNav li span:nth-child(4):nth-last-child(1)

匹配所有

span

元素，如果同一父元素中正好有4个元素。但是每个

li

只有一个

span

，这使得每个

span

都是独生子，而不是四个孩子中的一个

当正好有4个

li

元素时，您要做的是设置

span

元素的样式，因此需要将伪类移到以下位置：

.stepNav li:nth-child(1):nth-last-child(4) span, 
.stepNav li:nth-child(2):nth-last-child(3) span, 
.stepNav li:nth-child(3):nth-last-child(2) span, 
.stepNav li:nth-child(4):nth-last-child(1) span

---

，在这里您可以看到所有的

span

现在都是黑色。

首先，您的第一组选择器使用

li

，而您的第二组选择器只有一个

v

。如果这只是一个输入错误，您可能需要更正它，再次测试它以确保正确，这样我们就知道您实际上尝试了一个有效的选择器，但它仍然不起作用。还有其他重要的一点，例如这些是否是唯一的子项，或者它们是否与其他元素混合（向我们显示您的实际标记），您测试过的浏览器，等等。：）这些是typeos。实际上，真正的代码实际上并不使用div，只要满足@BoltClock提及的条件，您的代码应该可以工作。你应该提供一个小提琴来演示你的问题。然后你会想展示你的实际代码。诸如

：nth-child（）

/

：nth-last-child（）

之类的选择器对上下文非常敏感，因此尽可能精确。首先，您的第一组选择器使用

li

，而第二组选择器只有一个是

v

。如果这只是一个输入错误，您可能需要更正它，再次测试它以确保正确，这样我们就知道您实际上尝试了一个有效的选择器，但它仍然不起作用。还有其他重要的一点，例如这些是否是唯一的子项，或者它们是否与其他元素混合（向我们显示您的实际标记），您测试过的浏览器，等等。：）这些是typeos。实际上，真正的代码实际上并不使用div，只要满足@BoltClock提及的条件，您的代码应该可以工作。你应该提供一个小提琴来演示你的问题。然后你会想展示你的实际代码。选择器，如

：nth-child（）

/

：nth-last-child（）

，对上下文非常敏感，因此尽可能精确。arghh genius！！！！很明显：（我想你，先生。很棘手的一个问题，因为我仍然认为原来的问题会吸引更多的人来回答这个问题。我想我会更新这个问题，把两者都包括进去。啊，天才！！！！很明显：（我想你，先生。这是一个棘手的问题，因为我仍然认为原来的问题会吸引更多的人来回答这个问题。我想我会更新这个问题，将两者都包括在内。