Teoría
Teoría

Estilos en línea sin selectores

Los selectores permiten indicar con mucha precisión a qué elementos se aplican las propiedades de CSS. Son nuestra mira de precisión, y en este capítulo aprenderemos a usarlos.

Como vamos a «disparar propiedades a los elementos», el biatlón es un buen ejemplo. En cada ejercicio tendrás que usar selectores para cerrar los blancos.

Pero primero imaginemos que los selectores no existen. ¿Cómo les asignaríamos propiedades de CSS a los elementos? Con el atributo style. Por ejemplo:

<p style="color: red;">...</p>

index.html

HTML

<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Estilos en línea sin selectores</title> <link rel="stylesheet" href="course-1.css"> </head> <body> <ul class="target"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html>

ObjetivosRealizado

Cierra todos los blancos: agrega a cada elemento de la lista el atributo style con el valor background-color: white;.