МЕНЬШЕ удлинить псевдоклассы как важно!

Question

Я хочу расширить некоторые классы начальной загрузки как важные. Это то, что я делаю:

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

И это то, что я получаю:

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

К сожалению селекторы с pseudoclasses не помечены как важные. Как я должен расширить класс, чтобы сделать все, что обозначено как важно?

Answer 1

Прежде всего, как сказал Джеймс и Кайл. использование !important ужасно, но в некоторых случаях мы должны использовать его, я могу понять.

в этом случае. вы можете использовать !important для класса, но не на pseudo-classes есть ограничение.

но все еще вы можете использовать следующее решение. если вам это нужно только для .row. он будет работать так, как вы хотите.

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