代码之家  ›  专栏  ›  技术社区  ›  user3574603

Rails:为什么我的自定义样式表不能覆盖字体族?

  •  0
  • user3574603  · 技术社区  · 6 年前

    Skeleton app/assets/stylesheets .

    app/assets/stylesheets
    ├── application.css
    ├── custom.scss
    ├── normalize.css
    └── skeleton.css
    

    Skeleton使用无衬线字体系列(顶部带有Raleway)。我想覆盖这个。

    @import "skeleton";
    
    body {
      font-family: serif;
    }
    
    main {
      @extend .container;
    }
    

    但是字体仍然是无衬线的。

    @import "skeleton" , @extend .container .containter

    custom.scss application.css 这样地:

     *= require_tree .
     *= require_self
     *= require custom
    

    与骨架及其关联的规格化表类似:

     *= require_tree .
     *= require_self
     *= require normalize
     *= require skeleton
     *= require custom
    

    但是,我仍然发现我需要在自定义文件中导入骨架,如果不使用 !important .

    怎么回事?我相信我的自定义样式表是在骨架之前加载的,对吗?如何确保我的样式表持续加载?

    2 回复  |  直到 6 年前
        1
  •  0
  •   Hussain Niazi    6 年前

    一个简单的方法是,将样式表重命名为类似z.css的东西——这样当按字母顺序加载样式表时,它最终会加载。不是正确的方法,而是一个黑客。

        2
  •  0
  •   arieljuod    6 年前

    *= require normalize
    *= require skeleton
    *= require custom
    *= require_self
    

    *= require normalize
    *= require custom
    *= require_self
    

    就我个人而言,我不喜欢将来自scss的@import与来自assets管道的清单声明混合使用,因为很难知道是什么将什么代码放在哪里。