Ссылка по атрибуту id

Ссылка по атрибуту id.

Атрибут 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, как мы увидим в следующих главах.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *