Selectores

básicos

Son patrones utilizados para seleccionar algún elemento o elementos dentro de nuestro HTML.

CSS

HTML

¿Qué son?

Selector de clase

Selector de ID

Selector de elemento

Selector universal

Selectores basados en relaciones

Selectores que no simplemente afectan a un solo elemento, sino que también podemos interactuar con otros elementos.

¿Qué son?

Selector descendente

Selector de hijo

Selector de adyacente de hermanos 

Selector general de hermanos 

Selectores de atributo

Son selectores que dan estilos a un elemento(s) dependiendo de su atributo y/o su valor.

¿Qué son?

[Atributo]

[Atributo~=valor]

[Atributo|=valor]

[Atributo^=valor]

[Atributo$=valor]

[Atributo*=valor]

Pseudo Selectores

Pseudo-elementos

Son selectores que físicamente no existen en el HTML, pero que lógicamente si están con CSS.

¿Qué son?

after

before

first-letter

first-line

selection

Pseudo-clases

Especifican el estado de un elemento, (definir estilos a partir de lo que la persona esta haciendo).

¿Qué son?

checked

empty

enabled

disabled

focus

hover

valid

invalid

optional

required

only-child

first-child

last-child

nth-child()

nth-last-child()