Selectores universales
Lección 6 de 15 del curso Selectores CSS de Coddy.
El selector universal es un tipo especial de selector CSS que selecciona todos los elementos de una página web. Se denota con un asterisco (*).
Por ejemplo, el selector * selecciona todos los elementos de la página.
Aquí hay un ejemplo de cómo usar un selector universal para dar estilo a una página web:
* {
color: red;
font-size: 2em;
}Esta regla CSS aplicará un estilo a todos los elementos de la página para que sean rojos y tengan un tamaño de fuente de 2em.
¿Cuándo usar selectores universales?
Los selectores universales se pueden usar cuando se desea dar estilo a todos los elementos de una página web. Por ejemplo, podrías usar un selector universal para establecer el tamaño de fuente de todos los elementos de la página en 16px.
Los selectores universales también se pueden usar para dar estilo a elementos a los que no se les ha asignado ningún otro selector. Por ejemplo, si tienes una página web con muchos elementos div, pero no les has asignado ningún atributo de clase o ID, podrías usar un selector universal para dar estilo a todos los elementos div.
Desafío
Fácil- Crea una página web con dos elementos
div. - No proporciones a ninguno de los elementos
divningún atributo de clase o ID. - Usa un selector universal para dar estilo a todos los elementos
divpara que sean red y tengan un tamaño de fuente de 80px.
Pruébalo tú mismo
<html>
<head>
<title>Universal Selector Exercise</title>
<style>
/* CSS Code goes here */
</style>
</head>
<body>
</body>
</html>
Todas las lecciones de Selectores CSS
3Selectores combinadores
Selector de hijoSelector de descendienteSelector de hermano adyacenteSelector de hermano general