html - CSS:选择一组 parent

Question

对于以下生成的 HTML:

<div id="parent1">
   <div class="child" />
</div>
<div id="parent2"> 
    <div class="child" />
</div>
<div id="parent3"> 
    <div class="child" />
</div>

我想从#parent1 和#parent2 中选择 .child，例如:

#parent1 .child, #parent2 .child { Do stuff... }

但是，这可能会变得困惑。有没有可能像这样选出一批家长？

(#parent1, #parent2) .child { Do stuff... }

Answer 1

选择器 L4 草案介绍 :matches() .它允许你做

:matches(#parent1, #parent2) .child

请注意，这是一项实验性功能，浏览器尚未实现。但是，有些支持 :-moz-any 或 :-webkit-any，它们的行为类似于 :matches。

:-moz-any(#parent1, #parent2) .child {
  color: blue;
}
:-webkit-any(#parent1, #parent2) .child {
  color: blue;
}
:matches(#parent1, #parent2) .child {
  color: blue;
}

<div id="parent1">
  <div class="child">Child</div>
</div>
<div id="parent2"> 
  <div class="child">Child</div>
</div>
<div id="parent3"> 
  <div class="child">Child</div>
</div>