LESSは偽のクラスを！importantとして拡張します

Question

いくつかのブートストラップクラスを！importantとして拡張したいと思います。これは私が何をすべきかです：

@import (less, reference) "bootstrap/less/bootstrap.less"; 
.my-row { 
    .row !important; 
} 

そして、これは私が得るものです：

残念ながらpseudoclassesとセレクタが重要としてマークされていない

.my-row:before, 
.my-row:after { 
    content: " "; 
    display: table; 
} 
.my-row:after { 
    clear: both; 
} 
.my-row { 
    margin-left: -10px !important; 
    margin-right: -10px !important; 
} 

！。どのようにクラスを拡張して、すべてが重要なものにする必要がありますか？

Answer 1

まず第一にJamesとKyleが言った。 !importantの使用は恐ろしいですが、場合によってはそれを使用する必要があります、私は理解することができます。

あなたの場合。行クラスに!importantを使用できますが、pseudo-classesには制限があります。

でも、次の解決方法を使用できます。 .rowにのみ必要な場合それはあなたが望むように動作します。

.my-row { 
     .row !important; 
     &:before, 
     &:after { 
      content: " " !important;; 
      display: table !important;; 
     } 
     &:after { 
      clear: both !important;; 
     } 
    }