Страницы

Поиск по вопросам

суббота, 13 октября 2018 г.

Jquery и псевдокласс :after

Всем привет. Подскажите пожалуйста, есть ли в Jquery селектор для обращения к элементам с псевдоклассом "after"? Или как можно обратиться к такому элементу, чтобы поменяться CSS-свойство?


Ответ

Напрямую к псевдоэлементу обратиться нельзя, но можно изменять его свойства добавляя тот, или иной CSS-класс к основному элементу: HTML:

CSS #pnlTest { width: 50px; height: 50px; background-color: black } #pnlTest:after { width: 25px; height: 25px; background-color: green; display: block; content: ''; } #pnlTest.red:after { background-color: red; } JS $('#pnlTest').hover(function() { $(this).addClass('red') }, function() { $(this).removeClass('red') }); Демо: http://jsfiddle.net/RGWrq/

Комментариев нет:

Отправить комментарий