Html 为子元素集定义规则

例如，我希望某个

类

中的

标签

和

输入

字段具有类似的规则

CSS

.SpecialBox输入，标签{
背景颜色：绿色；
}

当我使用前面的代码时，它实际做的是将规则应用于SpecialBox中的任何输入字段和所有标签，因为规则集应用每个逗号分隔的项：

• .SpecialBox输入

• 标签

我可以修改选择器以分别澄清这两个项目

.SpecialBox输入，.SpecialBox标签{
背景颜色：绿色；
}

在这种情况下，我得到了期望的结果，但以简洁为代价

这里有一个例子来演示

是否有一种方法可以将一组规则应用于特定选择器的所有子元素，或者强制我重复父元素选择器

---

我相信有一种方法可以用SASS或LESS来实现这一点，但我更喜欢用直接的CSS来实现这一点，只需使用类

。SpecialBox*

？

仅对于

输入
和
标签
元素，就必须重复选择器

如果需要所有子项，可以使用通配符：
.SpecialBox*
这将对所有子项应用样式。
使用
*
选择器：

.SpecialBox  *