Просмотр псевдоэлементов CSS в Firebug

Есть ли обходной путь для просмотра псевдоэлементов CSS, таких как :after, :before и т. д. (известных как Сгенерированный CSS3 и замененный модуль содержимого) в Firebug?

Прямо сейчас, когда я выбираю элемент, я вижу только примененный к нему статический CSS. Я не вижу примененных к нему стилей с использованием псевдоэлементов :after и :before.


css pseudo-element firebug
person Saeed Neamati    schedule 07.12.2011    source источник
comment
странно, у меня нет проблем с просмотром этих элементов...   -  person ptriek    schedule 07.12.2011
comment
У меня тоже нет никаких проблем. В firebug я вижу элемент, а под ним я вижу псевдонимы :before и :after .   -  person Dan    schedule 28.12.2011
comment
Обычно для псевдоклассов, таких как :first-child или :hover, используется одно двоеточие (:), а для псевдоэлементов следует использовать двойное двоеточие (::), например ::before и ::after.   -  person Peled Roy    schedule 25.01.2012
comment
bugzilla.mozilla.org/show_bug.cgi?id=185431   -  person Stickers    schedule 05.05.2015

Ответы (2)


arrow_upward
1
arrow_downward

Вы можете использовать инструмент разработчика webkit (chrome) для просмотра и изменения стиля псевдоэлемента, хотя вы не сможете проверить их через HTML, вы можете выбрать затронутые элементы, которые генерируют псевдоэлемент, и вы увидите соответствующий CSS .

person Peled Roy    schedule 25.01.2012

arrow_upward
1
arrow_downward

нажмите непосредственно на родительский TAGNAME, чтобы увидеть его классы ::after ::before:

введите изображение описание здесь

person T.Todua    schedule 29.01.2016