Pass: после атрибута содержимого с атрибутом html

0

У меня есть несколько div, каждый из которых нуждается в другом атрибуте контента в элементе :after. Невозможно, чтобы стиль каждого div был индивидуальным, потому что количество div достаточно велико.

Мой вопрос: могу ли я передать атрибут в самом теге html? Скажем, у меня есть

<a href="#" class="vak">Engels</a>

С :after стилизации, как

content: "this needs to change";
display: inline-block;
color: #A9B0BB;  
float: right;
font-style:italic;

Как я могу передать this needs to change строку в html? Есть лучший способ сделать это? (предпочтительно без использования js)

  • 0
    Вы хотите переменный content ?
Теги:

1 ответ

4
Лучший ответ

Вы можете использовать для него атрибут:

<a title="this will be displayed in the :after">test</a>

CSS:

a:after {
    content: attr(title);
    display: inline-block;
    color: #A9B0BB;  
    float: right;
    font-style: italic;
}

скрипка

Поделиться
  • 0
    Работает как шарм, не знал, что CSS предлагает эту функциональность!
  • 0
    attr () не поддерживается ни в одном из основных браузеров. Я понятия не имею, как это может сработать для вас.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню