Pseudoclases
Parte de la sección CSS Mastery del Journey de HTML de Coddy — lección 7 de 43.
Las pseudo-clases interactivas te permiten cambiar el aspecto de los elementos cuando los usuarios realizan acciones como pasar el cursor sobre ellos, hacer clic sobre 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;
}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