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

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a4f67e64-1ebd-40e8-95ce-8cba7699d27c/Untitled.png

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