CSS - 全局选择所有伪类(:: before,:: after等)

时间:2016-08-18 08:18:06

标签: css class select global

我如何能够一次选择所有这些课程?

我尝试了以下内容,但似乎没有效果:

.myClass *::before { background: red !important; }
.myClass *:before  { background: red !important; }

有谁能告诉我我做错了什么?

编辑:基本上我试图在给定的选择器中选择所有出现的事件(在本例中为'myClass'),所以我可以全局重写规则,而不必有多行和/或多个块。

1 个答案:

答案 0 :(得分:2)

您必须为content设置:before属性才能生效。因此,如果您没有在其他任何地方正确设置它,那么您的代码将无效(缺少content属性)



.myClass {
  counter-reset: section;
}
:before {
  counter-increment: section;
  content: counter(section)')';
  padding: 5px;
  background-color: green;
}
.myClass :before {
  background-color: red;
}

<div class="myClass">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>
&#13;
&#13;
&#13;