CSS选择另一个元素的多个子元素

在CSS中，是否可以选择具有某个类、id等祖先的多个元素？e、 g:

table.exams caption, tbody, tfoot, thead, tr, th, td

如果没有，是否有方法选择该元素的所有后代

在CSS中，是否可以选择具有某个类、id等祖先的多个元素

现在，可以使用以下答案原始版本中提到的源代码为

：matches（）

。请确保不要将其与以下内容混淆，否则会消除对选择器至关重要的特殊性：

table.exams :is(caption, tbody, tfoot, thead, tr, th, td)

---

在

：is（）

之前，如果不复制整个祖先选择器并指定所有子代1，这是不可能的：

直到选择器3最终确定之后，他们才提出了一种伪类表示法来实现这一点，直到最近基本实现才开始出现。请看一节历史课

简而言之，现在进入标准的伪类称为

：matches（）

。在遥远的将来，一旦浏览器开始实现

：matches（）

，您将能够执行以下操作：

table.exams :matches(caption, tbody, tfoot, thead, tr, th, td)

---

1特别是对于表，您可以避开

table.exames>：not（colgroup），table.exames>*>tr>*

，但您可以看出，这是一个非常神秘的问题（更不用说假设您在该表中没有表或嵌套表），最好只显式列出您想要的所有子体

在CSS中是否可以选择具有某个类的祖先的多个标记

可以使用SCS获得类似于：matches的结果，如中所示

此外，某些浏览器部分支持

：使用特定于供应商的前缀匹配
 现在可以使用选择器执行此操作。如果需要更大的选择，您可以使用
：not
将较小的比率排除在外，并将其与代码段中的比率结合使用：

该选择器可用于所有4种主要浏览器（Edge、Firefox、Chrome和Safari）的最新版本：2021年1月26日


.match元素：是（.match-1、.match-2、.match-5、.match-10）{
背景#5548B0；
}
.匹配元素：非（：是（.match-1、.match-2、.match-5、.match-10））{
背景：#BADA55；
}
/*对于代码段样式，不是必需的*/
.match elements div{
字体系列：无衬线；
字号：600；
颜色：白色；
填充：10px；
利润率：10px0；
}

匹配使用是
匹配使用是
不匹配使用
不匹配使用
匹配使用是
不匹配使用
不匹配使用
不匹配使用
不匹配使用
匹配使用是

table.exams :matches(caption, tbody, tfoot, thead, tr, th, td)