В CSS, как это ни странно, есть свои функции. Например, функция для задания цвета rgb
. Но сейчас не о ней.
CSS-функция attr
Функция attr
() возвращает значение атрибута на выбранном элементе. Это позволяет нам получить значение атрибута и использовать для, например, свойства content
выбранного элемента.
Вот пример.
<a href="http://example.com">Example</a>
a:after {
content: ' (' attr(href) ')';
}
See the Pen abmLzea by Sergey Kirichenko (@oknechirik) on CodePen.