选择"孩子+孩子"在CSS中

时间:2016-05-10 16:03:07

标签: html css css-selectors

我需要一种方法来选择这个外部div,它有三个内部span s(div和span只是这里的例子):

<div>
 <span/>
 <span/>
 <span/>
</div>

动机是选择具有三个指定子项的元素。如果它只是一个,我可以使用div > span,如果我只需要选择跨度(不是外部div),我可以使用span + span + span来选择它们。

是否可以使用div > (span + span + span)? (我已尝试过括号,但它无效)

更新:因为&#34; 包含一组元素的元素&#34;成为&#34; 选择父母&#34;?这是重复的,此外,与该问题完全相反

1 个答案:

答案 0 :(得分:-3)

如果你想在父母中选择第三个元素,那么试试这个

div > span:nth-child(3)

如果你想选择div尝试javascript或jQuery

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

另一种方法是在css中放置所需的样式,并使用jquery为该div分配类。