CSS-如何选择多个给定元素的子元素?

我有div,我需要选择所有#mydivdiv元素都是#mydiv的子元素。

我可以这样:

div#mydiv > pre, div#mydiv > div

但是,是否可以做到仅引用一次div

div#mydiv > pre, div

不管它们是#mydiv的子级,都将选择页面上的所有div,因此逗号不是一种解决方法。 也许还有另一种我不知道的语法?

rsk82 asked 2020-08-11T08:45:43Z
3个解决方案
39 votes

您必须两次引用div ...

#mydiv > pre, #mydiv > div

由于ID足够具体,因此我删除了多余的div元素选择器。

Fosco answered 2020-08-11T08:45:54Z
8 votes

据我所知,没有用于选择器分组的捷径。

请参阅“选择器分组”。

尽管使用LESS可以在“嵌套规则”部分中进行操作。

Jawad answered 2020-08-11T08:46:24Z
5 votes

唯一引用ID的唯一方法是将其与*选择器一起使用:

#mydiv > * {

这将适用于该div的所有子元素。

根据您计划应用的样式,这可能是可行的(我通常将其用于将边距,填充和边框样式归零),但还是最好还是采用第一种方法,因为这样可以更轻松地进行例外/更改 后来的路。

East of Nowhere answered 2020-08-11T08:46:55Z
translate from https://stackoverflow.com:/questions/6192596/how-to-select-multiple-elements-that-are-children-of-given-element