CSS - 全局选择所有伪类（::before、::after 等）

Question

我怎样才能一次选择所有这些类？

我尝试了以下方法，但似乎不起作用：

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

谁能告诉我我做错了什么？

编辑：基本上我试图选择给定选择器中的所有匹配项（在本例中为“myClass”），因此我可以全局重写规则，而不必拥有多行和/或多个块。

Answer 1

您必须设置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>