Selectores
Selectores

Selectores básicos

Definen a que elementos se les aplicará los estilos que hayamos establecido, el selector cambiará a todos los elementos que coincidan con dicho selector.

⁠

Selector de tipo

Selecciona todos los elementos que coinciden con el nombre del elemento especificado.

Selector de clase

Selecciona todos los elementos que tienen el atributo de class especificado.

Sintaxis: .index

Selector de ID

Selecciona un elemento basándose en el valor de su atributo id. Solo puede haber un elemento con un determinado ID dentro de un documento.

Sintaxis: #idname

Selector universal

Selecciona todos los elementos.

Sintaxis: *

Selector de atributo

Selecciona elementos basándose en el valor de un determinado atributo.

Sintaxis: [autoplay] seleccionará todos los elementos que tengan el atributo "autoplay" establecido (a cualquier valor).

^ si empieza

$ si acaba

* si contiene

Selectores Combinadores

⁠

Combinador de hermanos adyacentes

El combinador + selecciona hermanos adyacentes. Esto quiere decir que el segundo elemento sigue directamente al primero y ambos comparten el mismo elemento padre.

Sintaxis: A + B

Combinador general de hermanos

El combinador ~ selecciona hermanos. Esto quiere decir que el segundo elemento sigue al primero (no necesariamente de forma inmediata) y ambos comparten el mismo elemento padre.

Sintaxis: A ~ B