css - 如何同时选择给定元素及其所有子元素？

Question

好的，我知道如何分别完成这两件事:

#elemID {  } /* selects only one element */
#elemID * {  } /* selects all its children elements but not the element itself */

我知道我可以这样做:

#elemID, #elemID * { }

但是有没有办法避免这种重复呢？

Answer 1

不，没有比这更短的了。

请注意，如果您真的只想要#elemID 的所有 child ，而不是所有后代，您需要使用 child 组合器:

#elemID, #elemID > *

正如 Šime Vidas 评论的那样，某些属性(例如 color)默认情况下会自动由后代元素继承。如果您尝试为 #elemID 赋予文本颜色，则无需显式递归地将其应用于其中的元素。查看SitePoint Reference有关 CSS 中的继承的详细信息。