Всем привет. Подскажите пожалуйста, есть ли в 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/
Комментариев нет:
Отправить комментарий