如何使用js將多個樣式規則添加到css僞元素？

我已經follwing HTML，CSS和JS如何使用js將多個樣式規則添加到css僞元素？

HTML

<a href="#" class="name">name</a>

CSS

a { 
    position: relative; 
}

var styleString = 'content:" ";, width: 0, height: 0;, border-style: solid;, border-width: 100px 100px 0 100px;, border-color: #007bff transparent transparent transparent;, position: absolute;'; 

document.styleSheets[0].addRule('.name:after', styleString);

DEMO

我的問題是隻有內容：「」正在獲取添加和規則的其餘失蹤。我的代碼有什麼問題？

來源

2015-08-26 sam No1

刪除逗號和使用分號單獨的屬性 –

爲什麼你在每個分號後加逗號？額外的逗號我會說。 – user4759923

@ user4759923哇謝謝我的行爲愚蠢的感謝 –

正如@MoshFeu已經指出的那樣，每個;後的逗號是沒有必要的，應予刪除：

的完整代碼：

var styleString = 'content:" "; width: 0; height: 0; border-style: solid; border-width: 100px 100px 0 100px; border-color: #007bff transparent transparent transparent; position: absolute;'; 

document.styleSheets[0].addRule('.name:after', styleString);

來源

2015-08-26 05:59:49

這段代碼不會工作太多。他需要刪除'，' –

感謝朋友。 CSS是一個css三角形。寬度是不需要的，所以它應該是0.我認爲我的代碼的問題是額外的'，'@MoshFeu指出.. :) –

回答

相關問題