很少将伪类扩展为！important

Question

我想将一些引导类扩展为！important。这就是我的工作：

@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;
}

不幸的是，带有伪类的选择器没有标记为！important。我应该如何扩展课程以使所有内容都标记为！important？

Answer 1

首先，詹姆斯和凯尔说。使用!important是可怕的，但在某些情况下我们需要使用它，我能理解。

在你的情况下。您可以使用!important来排序，但不能pseudo-classes上有限制。

但您仍然可以使用以下解决方案。如果您只需要.row。它会按你的意愿工作。

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