2016-08-18 6 views
-4

これらのクラスをすべて一度に選択するにはどうすればよいですか?CSS - すべての擬似クラス(:: before、:: afterなど)をグローバルに選択

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

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

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

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

+0

コード助けを求める質問は、それを再現するために必要な最短のコードを含める必要があります。** ** ** Stack Snippet **](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/)に質問事項**を掲載してください。 [**最小限の完全で検証可能なサンプルの作成方法**](http://stackoverflow.com/help/mcve) –

答えて

2

: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>

+0

** 'content' **属性の設定に精通しています:: before/:: class after workを作成します。しかし、これは私が探している答えではありませんでした。基本的には、指定されたセレクタ(この場合は** 'myClass' **)内のすべてのオカレンスを選択しようとしているので、複数の行や複数のブロックを持たなくても、ルールをグローバルに書き直すことができます。 –

+0

@ Bilal075_ '.myClass:before'は親' .myClass'を持つ ':before'をすべて選択します。何か不足していますか? SOスニペットに問題を提出できますか? – Justinas

+0

@ Bilal075_更新された回答が必要な場合はそれを確認してください。 – Justinas

関連する問題