所有Globally伪元素的样式如：之前？ [重复]

Question

这个问题在这里已有答案：

• Understanding CSS selector priority / specificity 4个答案

div{
width:100px;
height:100px;
border:1px solid #000;
display:inline-block;
position:relative;

}

div:before{
content:'';
display:block;
background:red;
width:100%;
height:100%;
position:absolute;
left:90%; top:0;
}

*:before{
background:blue;
}

<div><div>
<div><div>
<div><div>
<div><div>
<div><div>
<div><div>

我想为所有人写一个样式：在辅助功能模式期间的元素之前和之后，所以我没有得到它。

例如：如果我们想为我们使用的所有元素编写样式 - * {property：value;}

就像我想为所有的东西写一个样式：前后元素一个样式。

*:before{
 background:blue;
 }

这段代码不起作用。

请帮忙。

Answer 1

'*'是匹配dom中每个元素的通用选择器。可以使用伪选择器扩展此选择器调用，例如：before和：after。

所以你可以使用：*:before, *:after {...}参见这个例子：https://codepen.io/anon/pen/vPRgmL

编辑：

由于通用选择器的特殊性，您的代码不起作用。

'div'具有比'*'更高的特异性，所以div赢得了这里。在这里查看更多：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity