为什么不应用此 CSS 规则？

Question

我希望所有文本字体默认使用

Roboto

，但也希望某一特定类别使用

Roboto Thin

。到目前为止，这是我的代码：

mixins.less

* {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

快捷支付，更少

@import (reference) '../../content/less/mixins';
.bss-fast-payment {
  &__header {
    .useAlsSectorFont();
  }
}

Chrome 开发工具

Answer 1

*

选择器覆盖

.bss-fast-payment__header

类选择器。您可以使用：

font-family: 'Roboto Thin', sans-serif !important;

强制覆盖。尽量避免过于频繁地这样做，并尽量避免使用

*

选择器。

Answer 2

我想我终于找到了该怎么做。我唯一改变的是放置 bss-fast- payment__header .

mixins.less

* {
      font-family: 'Roboto', sans-serif;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

快捷支付，更少

@import (reference) '../../content/less/mixins';
.bss-fast-payment {
  &__header * {
    .useAlsSectorFont();
  }
}

结果

Answer 3

使用！对于被子类覆盖的字体系列很重要。