Il existe plusieurs moyens de combiner des sélecteurs, notamment:

1. Séparés par un espace

   .news h2
   

2. Séparés par une virgule

   .news,h2
   

3. Collés

   h2.news
   

1. Séparés par un espace: descendant de...

Ici, on sélectionne les h2 qui sont descendants de .news:

<div class="news">
	<h2>hello world</h2>
</div>

.news h2 {
  text-decoration: underline;
}

2. Séparés par une virgule: ou...

Ici on sélectionne les éléments qui ont la classe .news ou qui sont des balises h2:

<div class="news">hello world</div> 
<h2>hello world</h2>

.news, h2 {
  text-decoration: underline;
}

3. Collés: et...

Ici, on sélectionne les éléments qui sont des balises h2 et qui ont la classe .news:

<h2 class="news">hello world</h2>

h2.news { 
  text-decoration: underline; 
}

<aside> ⬅️ Les différents sélecteurs

</aside>

<aside> ➡️ Pseudo-classes de position

</aside>