html - 您可以在同一div中的伪类之前使用2:before吗？

可以说我有：

<div class="container">
<p>blah blah blah</p>
</div>

我可以在同一容器div中使用2：before伪类吗？

像这样：

  .container:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 31%;
    height: 61%;
    background-color: black;
  }

.container:before{
    content: " A String ";
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
  }

忽略实际的CSS，但是这里的问题是在那个容器div之前插入2个伪类是否有效？如果没有，那是可以的吗？

最佳答案

不，您不能在单个元素中使用两个:before实例。这是一个无法正常工作的jsfiddle，它在单个before上使用两个：div实例。如您所见，第二个:before语句将覆盖第一个语句的样式。

http://jsfiddle.net/Luwhf700/

现在，在这里，我们有了一个正在使用的:before和:after，这类似于使用两个:before语句（仅用于绝对定位元素）。

http://jsfiddle.net/Luwhf700/1/

关于html - 您可以在同一div中的伪类之前使用2:before吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29595142/