Question

CSS如何在before内加样式

比如有这样一段样式代码：
.divcss{color:red}
<div></div>
<a></a>
<p></p>
我需要在div中引用这个颜色，可以写成：
<div class='divcss'></div>
<a class='divcss'></a>
<p class='divcss'></p>

那么请问：
div:before{content:'';color:red}
a:before{content:'';color:red}
p:before{content:'';color:red}
<div></div>
<a></a>
<p></p>
如何避免写大量的color:red？

补充：实际的开发过程中，有一个主色（比如是red），很多地方都会用到这个颜色，并且在伪类中也频繁用到，我希望在全局中定义这个颜色，然后让需要用到的地方使用，那么如何在before中引用这个样式呢？
最后还是靠自己解决了：
div:before{content:'';}
a:before{content:'';}
p:before{content:'';}
.divcss:before{color:red}
<div class='divcss'></div>
<a class='divcss'></a>
<p class='divcss'></p>

真是想不到结果是自问自答啊，哎，好苦逼啊~~~

Answer 1

可以这样：
:before{content:'';color:red}

为什么你可以想到

.divcss{color:red}

这样的写法（即不指定元素的），但是就想不到
:before{content:'';color:red}
这样的呢？

追问

这位兄弟您好！
您可能没有理解我的意思，有的:before不需要这个样式，而且，页面还有其他大量的伪类伪元素，比如:after :hover 等等