CSS伪元素非常强大。它们通常用于创建CSS三角形提示。使用CSS伪元素可以获得一些简单的结果，但不需要添加额外的HTML标记：

请看下面的CSS代码：


{元素：以前
内容：新的；
颜色：RGB（255, 0, 0）；
{元素：以前
内容：新的；
颜色：RGB（255, 0, 0）；
}


要获取元素的颜色属性：在前面，您可以使用以下代码：


VaR的颜色= window.getcomputedstyle（
document.queryselector（'元'），'前'
）。GetPropertyValue（色彩）VAR颜色= window.getcomputedstyle（
document.queryselector（'元'），'前'
）。GetPropertyValue（色彩）


CSS属性可以通过伪元素的window.getcomputedstyle方法二参数。把这段代码放在你的工具集。为伪元素被越来越多的浏览器的支持，这种方法将是有益的。

译者注：这window.getcomputedstyle方法没有被浏览器IE9的支持下，与getpropertyvalue必须使用与getcomputedstyle method.ie一起支持currentstyle属性，但仍然无法获得伪元素的性质。

精确获取指定元素的CSS属性值的一种方法。



功能getstyle（元素、名称）
{
如果该属性存在于样式{ }中，则它最近已经设置（并且是当前的）
如果（元素。风格{名称}）
{
返回元素。风格{姓名}；
}
，否则，请尝试IE方式
如果（元素。currentstyle）
{
返回元素。currentstyle {姓名}；
}
如果存在的话，请使用方法或W3C
如果（document.defaultview文件。defaultview。getcomputedstyle）
{
/ /它用传统的文本对齐的写作规则的风格，而不是TextAlign
名称=替换（ /（{到}）/ g，1美元）；
名称= name.tolowercase（）；
获取样式对象和属性值（如果有的话）
var = document.defaultview.getcomputedstyle（元素，）；
返回的s.getpropertyvalue（名称）；
否则，就是使用其他浏览器。
}
其他的
{
返回null；
}
}