動態使用JavaScript的僞元素CSS

Question

是否可以動態設置僞元素的CSS？例如：

jQuery的動態造型幫助容器

$('#help').css({ 
    "width" : windowWidth - xOffset, 
    "height" : windowHeight - yOffset, 
    "bottom" : -windowHeight, 
    "left" : 200 
}); 

jQuery的嘗試在設置幫助容器的內邊框：

$('#help:before').css({ 
    "width" : windowWidth - xOffset, 
    "height" : windowHeight - yOffset 
}); 

CSS文件上面

#help 
{ 
    opacity: 0.9; 
    filter:alpha(opacity=90); 
    -moz-opacity: 0.9;   
    z-index: 1000000; 
    bottom: -550px; 
    left: 400px; 
    background-color: #808080; 
    border: 5px dashed #494949; 
    -webkit-border-radius: 20px 20px 20px 20px; 
    -moz-border-radius: 20px 20px 20px 20px; 
    border-radius: 20px 20px 20px 20px;   
} 
#help:before 
{ 
    border: 5px solid white; 
    content: ''; 
    position: absolute; 
    -webkit-border-radius: 20px 20px 20px 20px; 
    -moz-border-radius: 20px 20px 20px 20px; 
    border-radius: 20px 20px 20px 20px;   
} 

Answer 1

你不能直接通過jQuery來做到這一點。

看這個問題：Setting CSS pseudo-class rules from JavaScript

@Box9's answer可能是你真正應該使用一個：我扔在一起small library for this，因爲我覺得有 是有效的用例在JS操縱樣式表

。

Answer 2

而不是使用.css()設置寬度和高度，您應該直接使用.width()和height()。