🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.
Доступно в Baseline в статусе «Widely Available» с 2018-01-29
CSS функция attr () позволяет вставлять значения HTML-атрибутов в стили, например, в содержимое псевдоэлементов: before или: after. Это полезно, когда нужно динамически отображать данные прямо из атрибутов без использования JavaScript.
Пример использования:
a::after {
content: attr(href);
font-size: 12px;
color: gray;
}
Это добавит после каждой ссылки её адрес, взятый из атрибута хранящегося в href. Такая техника помогает оживить страницы и сделать их более информативными без лишней сложной логики.
Больше обзоров веб-функций — в телеграм-канале HTML Academy.
Нашли ошибку или опечатку? Напишите нам.