Селекторы ID
Урок 5 из 15 курса Селекторы CSS на Coddy.
Селектор по ID — это тип CSS-селектора, который выбирает элементы с определенным атрибутом ID. Атрибут ID — это пользовательский атрибут, который можно добавить к HTML-элементам для их уникальной идентификации.
Чтобы выбрать элементы с определенным ID, используется символ решетки (#), за которым следует значение ID. Например, селектор #my-id выбирает элемент с ID my-id.
Вот пример того, как использовать селектор по ID для стилизации веб-страницы:
#my-id {
color: red;
font-size: 2em;
}Чтобы добавить id к элементу, напишите:
<div id="my-id"></div>Как и в случае с селекторами классов, это CSS-правило стилизует элемент с ID my-id, делая его красным и устанавливая размер шрифта 2em.
Задание
ЛегкоВот упражнение для проверки вашего понимания селекторов ID:
- Создайте веб-страницу с двумя элементами
div. - Присвойте первому элементу
divIDmy-id. - Используйте селектор ID, чтобы стилизовать элемент
divс IDmy-id, задав ему любой цвет, кроме черного, и размер шрифта 30px.
Попробуйте сами
<html>
<head>
<title>ID Selector Exercise</title>
<style>
/* CSS Code goes here */
</style>
</head>
<body>
</body>
</html>