Css规则选择相同元素的子元素

Question

我怎么能更简单地写

#test div, #test span{
    ....
}

有类似的东西吗？

#test [div span]{
    ....
}

（编辑：或者是吗？

#test{
    div span{
        ....
    }
 }

不，不抱歉）

Answer 1

你可以使用*选择器，它会影响所有孩子，无论他们的节点类型如何。

#test * {color: green;}

Answer 2

您可以使用CSS预处理器（如LESS，SASS或其他）并以更有条理的方式组织您的CSS，例如

#test {
    div  { ... }
    span { ... }
}

并且，如果您对Internet Explorer或Opera支持不感兴趣，可以使用:any()选择器，如此

#test :-moz-any(div, span),
#test :-webkit-any(div, span) {
   ...
}

另见https://developer.mozilla.org/en/CSS/%3A-moz-any

另一种可能性是将特定类应用于您感兴趣的所有嵌套元素，并通过

来定位这些元素。

#test .specificclass { ... }