Pseudoclases
Parte de la sección CSS Mastery del Journey de HTML de Coddy — lección 7 de 43.
Las pseudoclases interactivas te permiten cambiar el aspecto de los elementos cuando los usuarios realizan acciones como pasar el ratón sobre ellos, hacer clic en ellos o seleccionarlos. Ayudan a que tu sitio web se sienta más receptivo y divertido de usar.
La sintaxis de las pseudoclases:
selector:pseudo-class {
property: value;
}
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Hoja de referencia
Las pseudoclases interactivas cambian la apariencia del elemento basándose en las interacciones del usuario. Utilizan la sintaxis:
selector:pseudo-class {
property: value;
}Pruébalo tú mismo
Esta lección no incluye un desafío de código.
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de CSS Mastery
1Dominio de selectores – Combinación
IntroducciónSelector de descendienteSelector de hijoSelector de hermano adyacenteSelector de hermano generalDesafío de repaso2Pseudoclases interactivas
PseudoclasesEfectos de hoverEfectos de focusEstilos de estado activoDesafío de repaso3Pseudoclases estructurales
Pseudoclases estructuralesSeleccionando el primer hijoSeleccionando el último hijoEl poder de los patrones: Usando nth-childDesafío de repaso