所有全局伪元素的样式，如 :before?

Question

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>

我想在可访问性模式期间为所有 :before 和 after 元素编写样式，所以我不明白。

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

就像我想为所有的 :before 和 after 元素写一个样式。

*: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

所有全局伪元素的样式，如 :before?

Styles for all Globally pseudo element like :before?

css

pseudo-element