.element：beforeまたは.element：afterのCSSプロパティをjavascript経由で設定することはできますか？

Question

.anyclass：beforeまたは.anyclass：afterのCSSプロパティをjavascript経由で設定するにはどうすればよいですか？

Answer 1

私のコメントに拡大：

:beforeと:afterは、プロパティ、they are CSS selectorsではありません。したがって、それらをいくつかの要素に設定することはできません。そのようなセレクタを持つルールをスタイルシートに追加することしかできません。

与えられたセレクタに一致するすべての要素の前または後にDOMノードをjQueryで追加する場合は、それぞれbeforeおよびafterメソッドを使用できます。

CSSルールを現在のページに追加する場合は、DOM level 2 CSSStyleSheet interfaceを使用できます。最小限の例では、次のようになります。

// Note: this is sample code. Do not use it blindly in your own page. 
document.styleSheets[0].insertRule(".foo:before { /* something */ }", 0); 

は、より多くのコード例についてinsertRuleためのMDNのマニュアルを参照してください。

Answer 2

modifying the stylesheet itselfによってのみ。実際の要素ではないので、インラインスタイルを変更することはできません。