javascript - :before、:after の CSS スタイルを編集できませんか?

Question

私はこのスタイリングを持っています：

section.tipos .content > div:before {
    background: none repeat scroll 0 0 #DDDDDD;
    content: " ";
    height: 10px;
    left: 32%;
    position: absolute;
    top: -10px;
    width: 10px;
}

これはうまく機能しますが、

しかし、いくつかのイベントが発生したときに、左のプロパティを別の % に変更したいと思います

これは、クラス名またはスタイルを使用して（確かに）達成できることを知っています。しかし、私の上司は、100% 必要でない限り、クラス名があまり好きではありません。

質問:疑似セレクターの CSS を JavaScript から変更できますか? このようなもの（しかし、それは機能します）

$('section.tipos .content > div:before').css({ 'left' : 50+index*17});