CSS - すべての擬似クラス（:: before、:: afterなど）をグローバルに選択

Question

これらのクラスをすべて一度に選択するにはどうすればよいですか？

私は次のことを試してみたが、動作していないよう：

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

誰もが私が間違っているのを教えてもらえますか？

EDIT：基本的には、指定されたセレクタ（この場合は 'myClass'）内のすべてのオカレンスを選択しようとしているので、複数の行や複数のブロックを持たなくても、ルールをGLOBALLY書き換えることができます。

Answer 1

:beforeの属性をcontentに設定する必要があります。だからあなたのコードは（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>