2016-10-20 4 views
0

例を見てみましょう。SCSS、simplify/factorize :: afterセレクタ

要素::aftersortを赤色に、青色をソート順クラスdescが終了するようにするには、次のscssを使用します。

.sort { 
    ::after{ 
    color: red; 
    } 
    &.desc::after { 
    color: blue; 
    } 
} 

2つを簡略化する方法はありますか::after

.sort::after { 
    color: red; 
    &.desc { 
    color: blue; 
    } 
} 

.sort::after.descにコンパイルされているようではありません。

私が入手したいのは.sort.desc::afterです。

私の例を単純化し、複製された::afterを削除する方法はありますか?

+1

残念ながら、これは可能ではなく、おそらくそうではありません。関連するGitHubの問題へのリンクを参照してください[この回答](http://stackoverflow.com/questions/21511897/how-to-use-and-a-ag-on-the-same-selector) – elektronik

+0

@elektronik私は私があなたの答えを私の質問に答えていると答えてください。 – ATX

+0

@ ATXは私のために働く:)ありがとう! – elektronik

答えて

1

残念ながら、これは不可能であり、おそらくそうではありません。関連するGitHubの問題へのリンクをthis answerでご覧ください。

関連する問題