Селекторы, часть 1 / Селектор по id [17/18]
×

Селектор по id [17/18]

Существует ещё один HTML-атрибут, для которого существует специальный селектор. Этот атрибут id (идентификатор), а селектор записывается с помощью символа #, например, #some-id.

На значение id распространяются те же ограничения, что и на имя класса. Также id должен быть уникальным на странице.

Использование селекторов по id при оформлении считается плохой практикой. Существуют редкие исключения из этого правила, например, при оживлении слайдера на чистом CSS.

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Селектор по id</title> <link rel="stylesheet" href="/assets/course7/course-5.css"> </head> <body> <form class="login" action="https://echo.htmlacademy.ru" method="post"> <label for="fullname">Имя</label> <input type="text" id="fullname" name="fullname"> <label for="year">Год рождения</label> <input type="text" id="year" name="year"> <input type="submit" value="Войти"> </form> </body> </html>
CSS
HTML Academy
  1. Задайте фон полю «Имя»: background-color: #fcf8e3;.
  2. Задайте ширину полю «Год»: width: 100px;.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.