.a_quien {
le-aplico: estilo;
}
SELECTORES EN
CSS
<section id="bien">
Descendientes
<div class="bien">
Combinados
</>
Agrupados
Simples
Compuestos
Operadores
Atributo
Pseudo...
Selectores simples de clase
Una clase en CSS es una etiqueta que añadimos a un elemento HTML para aplicarle estilos específicos; se definen desde html (separadas por un espacio).
Son los más usados porque se pueden reutilizar.
En CSS se pone un punto y el nombre de la clase. Las clases no pueden comenzar con número. Los puede haber adentro, dos putos, guiones, emojis…
PRÁCTICA CORRECTA
Selectores compuestos agrupados
Combinan varios selectores.
Se usan para aplicar el mismo estilo a más de un elemento.
Se recomienda uno por línea, aunque se pueden en la misma.
Selectores simples de etiqueta o elemento
Es el mismo elemento html.
No permite la selección de elementos específicos, así que afecta a TODOS los elementos de la página.
Solo se usa cuando se desea NORMALIZAR el estilo en TODOS los navegadores.
SON MALA PRÁCTICA
Selectores compuestos combinados
Se unen por un punto, no se usa coma ni espacio.
El estilo se aplicará al elemento que tenga ambas classes.
Selectores compuestos descendientes
Muestran jerarquía o dependencia de padre a hijo, nieto, bisnieto…
Selectores simples de id
Usan el atributo id de HTML y se escriben con #id
Como los id son únicos, solo sirven para una sola vez.
Se usan en JavaScript para aplicar la interacción.
SON MALA PRÁCTICA
Selectores en CSS
Carlos Adolfo Reyes
Created on May 4, 2026
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Magazine dossier
View
Momentum: Onboarding Escape Game
View
Momentum: Manager Guide
View
Wizardry Letter
View
Search Bar Card
View
Piñata
View
Microlearning: When to Use Chat, Meetings or Email
Explore all templates
Transcript
.a_quien { le-aplico: estilo; }
SELECTORES EN
CSS
<section id="bien">
Descendientes
<div class="bien">
Combinados
</>
Agrupados
Simples
Compuestos
Operadores
Atributo
Pseudo...
Selectores simples de clase
Una clase en CSS es una etiqueta que añadimos a un elemento HTML para aplicarle estilos específicos; se definen desde html (separadas por un espacio).
Son los más usados porque se pueden reutilizar.
En CSS se pone un punto y el nombre de la clase. Las clases no pueden comenzar con número. Los puede haber adentro, dos putos, guiones, emojis…
PRÁCTICA CORRECTA
Selectores compuestos agrupados
Combinan varios selectores.
Se usan para aplicar el mismo estilo a más de un elemento.
Se recomienda uno por línea, aunque se pueden en la misma.
Selectores simples de etiqueta o elemento
Es el mismo elemento html.
No permite la selección de elementos específicos, así que afecta a TODOS los elementos de la página.
Solo se usa cuando se desea NORMALIZAR el estilo en TODOS los navegadores.
SON MALA PRÁCTICA
Selectores compuestos combinados
Se unen por un punto, no se usa coma ni espacio.
El estilo se aplicará al elemento que tenga ambas classes.
Selectores compuestos descendientes
Muestran jerarquía o dependencia de padre a hijo, nieto, bisnieto…
Selectores simples de id
Usan el atributo id de HTML y se escriben con #id
Como los id son únicos, solo sirven para una sola vez.
Se usan en JavaScript para aplicar la interacción.
SON MALA PRÁCTICA