jQuery and pseudo-elements

Question

I tried to dynamically change the position of an element which is defined in CSS with :after. Using this:

$(function(){
    $(\'div::after\').c         


        

Answer 1

add CSS:

p.special:before {
    content: "bar";
    position: absolute;
    top : 10px;
}

assuming the style sheet where the code above was put is the first one on the page, use this to change it:

document.styleSheets[0].addRule('p.special:before','top: 15px;');