Css 选择具有相同属性的多个类

我有多个具有相同属性的类：

.class1 > div{
  background-color: red;
}

我尝试通过以下方式减少CSS代码：

.class1, .class2, .class3 > div{
  background-color: red;
}

但是它不能正常工作，在本例中它只接受最后一个类

.class3

---

有没有办法正确执行此操作？

如果希望为每个类选择子div，则需要为每个类指定选择器，如下所示：

CSS

.class1 > div, .class2 > div, .class3 > div {
  background-color: red !important;
}

---

如果希望为每个类选择子div，则需要为每个类指定选择器，如下所示：

CSS

.class1 > div, .class2 > div, .class3 > div {
  background-color: red !important;
}

---

您将能够在CSS选择器级别4中使用

：匹配
伪类

:matches(.class1, .class2, .class3) > div {
  ...
}

目前它只适用于某些浏览器，例如最新的Apple Safari

现在，您必须在Firefox和Chrome中使用带有各自前缀的旧语法，
：any
。IE和Edge中不支持

:-moz-any(.class1, .class2, .class3) > div { ... }
:-webkit-any(.class1, .class2, .class3) > div { ... }


：-moz any（.class1、.class2、.class3）>div{
背景：水；
}
：-webkit any（.class1、.class2、.class3）>div{
背景：水；
}
：匹配（.class1、.class2、.class3）>div{
背景：水；
}
1
2.
3.
4.
5
您将能够在CSS选择器级别4中使用
：匹配
伪类

:matches(.class1, .class2, .class3) > div {
  ...
}

目前它只适用于某些浏览器，例如最新的Apple Safari

现在，您必须在Firefox和Chrome中使用带有各自前缀的旧语法，
：any
。IE和Edge中不支持

:-moz-any(.class1, .class2, .class3) > div { ... }
:-webkit-any(.class1, .class2, .class3) > div { ... }


：-moz any（.class1、.class2、.class3）>div{
背景：水；
}
：-webkit any（.class1、.class2、.class3）>div{
背景：水；
}
：匹配（.class1、.class2、.class3）>div{
背景：水；
}
1
2.
3.
4.
5
啊，我想我能逃过这一劫谢谢你的快速回复Hunter@michellompret，没问题！很高兴能帮上忙：）啊，我想我能逃过这个难关。谢谢你的快速回复Hunter@michellompret，没问题！很高兴能帮上忙：）我已经完成了我能找到的所有细节，希望能有所帮助。我已经完成了我能找到的所有细节，希望能有所帮助。