Как изменить стили :before непосредственно в атрибуте style=“”?

159

31 марта 2018, 14:22

Здравствуйте, допустим есть ссылка:

a { 
  color: black; 
} 
 
a:before { 
  content: '!'; 
}

<a href="url">text</a>

И таких ссылок несколько. Есть задача сделать color текста в :before разноцветным (у каждой ссылки свой) до вывода (в php).

Как можно это сделать? Я думал о чем-то на подобии <a href="url" style="this::before{color: red;}">text</a> но это не работает.

Answer 1

Невозможно передать стиль для псевдоэлемента в атрибуте style. Это связано с тем, что в style указываются стили к текущему элементу, а a:before, это псевдоэлемент, и он не соответствует элементу a.

В качестве альтернативы рекомендую создать классы для каждого стиля, и каждой ссылке присвоить свой класс. А у классов уже реализовывать стили для псевдоэлемента :before

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как сделать меню как на скрине? [требует правки]

151

MySQL

Помогите построить правильно MySQL запрос

Ссылка на задание https://sqltestnet/#192840 Нужно добиться объединения внутри group_concat (либо иначе, любым методом) по order_id и слепить их суммы

223

MySQL