Combinadores

Hola Platzinauta 😃

¿Ya sabes como utilizar o que son los combinadores en css? Tranqui 😛 aquí te explico para que lo tengas presente en el momento de realizar tus estilos ya sea para tu portafolio o tu trabajo…Go!

• SELECTOR DE DESCENDIENTES
  Cuando hablamos de selectores de descendientes, hablamos de espacios entre ellos:

body section p

Eso quiere decir que estos selectores selecciona elementos que son descendientes de otros selectores, y es ahi donde cabe resaltar que No es necesario que sean hijos directos, solo que sea descendiente.

• SELECTORES HIJOS

Si como leíste, es así de fácil como tener un hijo, para poder utilizar estos selectores de hijos, se debe realizar con un símbolo matemática (>) el mayor que, en este caso selecciona solo cuando hay hijos directos, "Aquí no se valen los padrastros jejejejej 😛 " aquí va tu ejemplo:

article > p

• HERMANOS ADYACENTES

Para utilizar este selector se debe utilizar otro símbolo matemático (+) esto con el fin de utilizar el selector que está justo al lado de otro elemento, por ejemplo tengo mi código y quiero aplicarle a todas las imágenes que aparecen justo después de un texto una medida especifica ¿como lo hago? aquí va tu ejemplo:

p + img

• HERMANOS GENERALES

Esta personalmente la uso muy poco pero puede ser de gran utilidad dependiendo del caso en que estés, en este caso se utilizará el siguiente símbolo (~) a diferencia de los hermanos adyacentes, en este caso podemos seleccionar todas las imágenes que estén después de una etiqueta p y aplicarle un estilo:

p ~ img