Невозможно редактировать стили CSS для: before,: after?

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});