CSS:选择一个元素及其所有子元素

CSS:选择一个元素及其所有子元素,css,css-selectors,descendant,Css,Css Selectors,Descendant,要选择元素及其所有子元素,请执行以下操作: .media, .media * {color: #f00;} 是否只有一个选择器可以代替用逗号分隔的两个选择器?我正在寻找一种更有效的方法来键入此内容。您有后代或self 但是CSS中没有这样的选择器。在2020年的今天,有更好的解决方案吗?基本上,CSS不打算以这种方式工作。对每个子体应用相同的属性是一种糟糕的做法.media{color:#f00}就足够了,因为每个后代都将“继承”此属性,而不是“设置”它,除非应用其他规则(例如链接的颜色)。这

要选择元素及其所有子元素,请执行以下操作:

.media, .media * {color: #f00;}
是否只有一个选择器可以代替用逗号分隔的两个选择器?我正在寻找一种更有效的方法来键入此内容。

您有
后代或self


但是CSS中没有这样的选择器。

在2020年的今天,有更好的解决方案吗?基本上,CSS不打算以这种方式工作。对每个子体应用相同的属性是一种糟糕的做法
.media{color:#f00}
就足够了,因为每个后代都将“继承”此属性,而不是“设置”它,除非应用其他规则(例如链接的颜色)。这是所谓的“级联”样式表的一部分。@Charles-ÉdouardCoste是的,这将适用于继承的属性。但是,并非所有CSS属性都是继承的,例如
display
。但是,如果不加区别地将这种属性应用于每个后代而不是按类分组,那将是很奇怪的……根据经验,当CSS中似乎缺少某些东西时,我后来意识到我不应该用它来做我想做的事情D