Css 第n个孩子在瞄准某个元素时隐藏了我的所有元素

不确定是否使用了错误的选择器，但我的标记如下所示

<div class = "col-xs-12 plans__articles">
<div class = "foo">....</div>
<div class = "foo">....</div>
<div class = "foo">....</div>
<div class = "foo">....</div>
</div>

---

但它将样式应用于所有类型？

:first child

或

:first of type

与您想要的非常接近

，“first-child CSS伪类表示作为其父元素的第一个子元素的任何元素。”

，“CSS中的：first类型选择器允许您将某个元素在其容器中的第一次出现作为目标。”

实际上，您可能需要做一些事情：

---

指定

1n

将选择每个

.foo

元素。这就像是说，从集合的开头开始，在最初没有选择任何元素的情况下，选择在集合中重复步进1位置时找到的每个元素

不要指定

1n

，只需指定

1

。CSS会将其转换为

0n+1

，这相当于说从集合中的第一个元素开始，选择在集合中重复步进0位置时找到的每个元素（自然这意味着除了它开始的元素外，没有其他元素被击中）

.foo:n子项（1）{
颜色：红色；
字体大小：48px；
}

....
....
....
....

我忘了提一下，我基本上想单独选择它们，但不能在js中完成。你说的“全部单独”是什么意思？你想实现什么？基本上，我需要在点击某一个内容时实现，但它使用ajax加载内容，所以会有点混乱，$（文档）。在（'click'，'.foo:nth child（1n）'）上，函数（data）{}我希望每个div都有这样的功能，我不能只为每个div添加一个新类，因为这就是全部dynamic@Jake如果你要添加一个点击处理程序，你肯定需要在JS中这样做。CSS不能添加点击处理程序。如果你想设置一个元素的样式，或者在一个元素之前或之后添加一些文本，那么你可以用CSS来做。只要就ild而言，这里有一个很好的资源可以非常简单地解释它：非常感谢，伙计，这正是我想要的：）

.foo:nth-child(1n){ }

var target = $('.foo').first();
target.css('border','3px solid red');
target.click(function() {
    // Do whatever you need to do here
    $(this).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
});