Можно ли обратится к псевдоэлементу через js?

Question

[AleninD]

Добрый день, есть мобильное меню, к списку элемента которого псевдоэлементом прикручен svg элемент. Сейчас скрипт имеет вид:

$(document).ready(function(e){
  $('.menu-item-has-children').click(function(){        -----> элемент li у которого прикручен svg элемент к которому нужно применить стиль.
    $(this).children('.sub-menu').toggleClass('submenu-tab');       ---------> sub-menu display: block\none
  });
});

Можно ли прикрутить к пседоэлементу стиль, что бы при клике он получал transfrom: rotate

Answer 1

[Филипп Гапоненко]

.submenu-tab:after {
  transfrom: rotat(1deg)
}

Можно сделать так.
При наличии класса выставляется rotate, при отсутствии класса rotate возвращается в исходное состояние.

Comments

[AleninD]

Я попробовал сделать так, но проблема в том что svg элемент у меня висит menu-item-has-children:before, при клике на который у меня уже добавляется класс submenu-tab вложенному в li sub-menu. Если я просто добавляю класс то rotate действует на весь элемент menu-item-has-children, а не на :before. Как можно сделать так: - menu-item-has-children.addCustomClass:before

[Филипп Гапоненко]

Примерно так: https://jsfiddle.net/psr1919plus21/08fc2wun/5/