Comment puis-je sélectionner plusieurs éléments qui sont les descendants de l'élément parent en CSS ? [dupliquer]

Cette question a déjà des réponses ici:

Solution du problème

Je suggérerais d'utiliser la :is()syntaxe - relativement nouvelle - :

*,
::before,
::after {
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}
.container {
 border: 0.3em solid rebeccapurple;
 margin-block: 1em;
 margin-inline: auto;
 width: clamp(30em, 50vw, 600px);
}
.container:is(h3, p) {
 border: 1px solid #000;
 color: rebeccapurple;
 margin-block: 1em;
 margin-inline: auto;
 padding-inline: 1em;
 width: 80%;
}

<h3>A &lt;h3&gt; element, that should probably be a &lt;h2&gt;</h3>
<div class="container">
 <h3>A properly-used, and selected, &lt;h3&gt; element</h3>
 <p>...and an adjacent &lt;p&gt; element.</p>
</div>
<p>Some text in a paragraph that shouldn't be styled.</p>