Jqueryでcssの疑似要素（before/after等）をごにょごにょしたい・・・！

タイトルの様な事がしたかったので、
こんな感じで対応いたしました！

[html]
$(‘head’).append(‘<style>.hoge:after{ color:#000000 !important;}</style>’);
[/html]

参考サイト

元は、ABテスト用に見た目をJqueryでいじっていく案件で、
トグルになってるリストの背景に設定された矢印が:afterで設定されていたため、
:afterが直で触れんものかと
色々ググってみたらば

悲しい事に「触れないよー」とか書いてある方が引っかかっていたのですが

参考サイトみてびっくり！
「そっかー！！超あったまいいー！！！」

これで次に出てきた時も対処できますねや！
スッキリ！

てやてや！