Teoría
Teoría

Selectores de ID

Hay otro atributo de HTML que tiene su propio selector: id, el identificador. Su selector se escribe con el símbolo #, por ejemplo, #some-id.

El valor de id no puede estar vacío ni contener espacios, y debe ser único en la página. Para empezar, usa nombres sencillos, como los de las clases.

#greeting { ... }

En general, se recomienda evitar los selectores de ID para aplicar estilos. Hay algunas excepciones, como crear un carrusel interactivo solo con CSS.

index.html
style.css

HTML

<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Selectores de ID</title> <link rel="stylesheet" href="course-5.css"> <link rel="stylesheet" href="style.css"> </head> <body> <form class="login" action="https://echo.htmlacademy.ru/courses" method="post"> <label for="fullname">Nombre</label> <input type="text" id="fullname" name="fullname"> <label for="year">Año de nacimiento</label> <input type="text" id="year" name="year"> <input type="submit" value="Entrar"> </form> </body> </html>

CSS

ObjetivosRealizado

Asigna background-color: #fcf8e3; al campo «Nombre».
Asigna width: 100px; al campo «Año de nacimiento».