Los combinadores de CSS no van a ayudar a tener una especificidad mucho más certera.

Los combinadores nos permiten combinar múltiples selectores y crear una mayor especificidad.

Las 4 opciones más importantes

  1. Hermanos adyacentes o cercano
  2. Hermano general
  3. Hijo
  4. Descendiente

Hermanos adyacentes o cercano

Se utiliza el signo de "+" entre dos selectores, el cual le dice al navegador que aplique los estilos a las etiquetas o clases a los que estén cerca de cierta etiqueta o clase.

En el caso de este código le estamos diciendo al navegador que aplique el color rojo a todas las etiquetas p que estén cerca de una etiqueta h2.

Código de la clase