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元素编写样式，所以我不明白。

例如：如果我们想为所有元素编写样式，则使用-* {property：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？

1 个答案: