Html 选择"；儿童+；“儿童”；在CSS中

我需要一种方法来选择这个外部

div

，它有三个内部

span

s（div和span只是这里的示例）：

其动机是选择具有三个指定子元素的元素。如果只有一个，我可以使用

div>span

，如果我只需要选择跨度（而不是外部div），我可以使用

span+span+span

来选择它们

像

div>（span+span+span）

这样的东西可能吗？（我试过括号，但无效）

---

更新：从何时开始“包含一组元素的元素”变成“选择父元素””？这不是重复的，而且，这与问题正好相反。

如果要在父元素中选择第三个元素，请尝试此操作

div > span:nth-child(3)

如果要选择div，请尝试javascript或jQuery

var d = $('div > span:nth-child(3)').closest('div');
d.css('attribute','value');

---

另一种方法是将所需的样式放入css中，并使用jquery将类分配给该div。

不幸的是，这是不可能的，即使只有一个子类也不可能

div>span

选择span，而不是div（请参见和）。包含另一个元素的元素是另一个元素的父元素。这正是“父母”这个词的意思。您要求的div是三个连续同级跨度的父级，对吗？@CanPoyrazoğlu您需要直接引用目标，无法仅基于作为父级的元素创建选择器。除非您使用JavaScript，否则使用为具有3个跨度的特定div指定的类是您唯一的求助方式。回顾结束投票，“包含子元素E的元素”与CSS中的“E的父元素”相同，这与另一个问题相同。很抱歉这并不能回答问题。这不是关于选择第三个跨距，而是关于选择一个div（如果它包含3个跨距）。

var d = $('div > span:nth-child(3)').closest('div');
d.css('attribute','value');