Атрибут id — это что-то вроде имени, идентификатор элемента. Это означает, что значение данного атрибута не может повторяться в документе. Во всем документе имя элемента должно быть уникальным.
Для того чтобы сослаться из файла CSS на определенный элемент по его атрибуту id, нужно объявить правило с символом # перед значением идентификатора.
Листинг 2.6. Ссылка по значению атрибута id #text1 { font-size: 20px }
Правило из листинга 2.6 будет применяться только к элементу HTML, идентифицируемому по атрибуту id="text1". Наш код HTML будет выглядеть, как показано в листинге 2.7.
Листинг 2.7. Идентифицируем элемент <p> по его атрибуту id
<!DOCTYPE html>
<html lang="ru">
<head>
<link rel="stylesheet" href="mystyles. css">
</head>
<body>
<p id="text1">Мой текст<^>
</body>
</html>
Теперь любая ссылка в файле CSS, содержащая идентификатор text1, будет влиять только на элемент с этим значением идентификатора. Остальные элементы <p>, так же как и прочие элементы в документе, меняться не будут.
Это очень точный способ определения ссылок на элементы, и он обычно используется для элементов общего назначения, таких как структурные теги. В действительности атрибут id в силу своей специфичности больше подходит для использования в коде JavaScript, как мы увидим в следующих главах.
Добавить комментарий