CSSの擬似要素は非常に強力であり、CSSの三角形のヒントを作成するためによく使用されます。 CSS擬似要素を使用すると、HTMLタグを追加する必要なく、いくつかの単純な効果を達成できます。 1つのことは、JavaScriptがこれらのCSS属性値を取得できないことですが、今では次の方法があります。
次のCSSコードをご覧ください。
.Element：{content： 'new';色：rgb（255、0、0）;}。要素：{content： 'new'; color：rgb（255、0、0）;}.Elementの色属性を取得するために：前に、次のコードを使用できます。
var color = window.getcomputedStyle（document.queryselector（ '。要素'）、 '：before'）
擬似エレメントを2番目のパラメーターとしてwindow.getComputedStyleメソッドに渡して、CSS属性を取得します。このコードをツール機能セットに入れます。擬似要素はますます多くのブラウザによってサポートされているため、この方法は役立ちます。
翻訳者のメモ：window.getComputedStyleメソッドはIE9以下のブラウザではサポートされておらず、getComputedStyleメソッドではgetPropertyValueを使用する必要があります。 IEはcurrentStyle属性をサポートしますが、擬似要素の特性を取得することはできません。
指定された要素のCSS属性の値を正確に取得する方法。
<script type = "text/javascript"> function getStyle（elem、name）{//プロパティがスタイル[]で存在する場合、最近設定されています（そして現在のものです）if（elem.style [name]）{return elem.style [name]; } //それ以外の場合は、IEを試してください。 } // w3cメソッドは、それが存在する場合、それが存在する場合、（document.defaultview &d.defaultview.getComputedStyle）{//従来の「テキストアリグイン」スタイルの通常のライティング方法を使用します。 name = name.tolowercase（）; //スタイルオブジェクトを取得し、プロパティの値を取得します（存在する場合） return S && s.getPropertyValue（name）; //それ以外の場合、別のブラウザを使用しています} else {return null; }} </script>