Css 在sass中正确记录h1…h6

Css 在sass中正确记录h1…h6,css,sass,Css,Sass,我目前正在学习sass,我想把我的css重写成sass来学习。我想知道如何保存h1。。。sass中的h6。我做得好吗 这是sass中的正确记录吗 h1{ 字体系列:“Aleo”,无衬线; 字号:700; 利润率:0.20px0; 线高:1.5; 颜色:#000; } 氢{ @扩展h1; 字体大小:44px; } h3{ @扩展h1; 字体大小:22px; } h4{ @扩展h1; 字体大小:20px; 颜色:#9b9578; 字体大小:400; 文本转换:大写; } h5{ @扩展h1; 字体

我目前正在学习sass,我想把我的css重写成sass来学习。我想知道如何保存h1。。。sass中的h6。我做得好吗

这是sass中的正确记录吗

h1{
字体系列:“Aleo”,无衬线;
字号:700;
利润率:0.20px0;
线高:1.5;
颜色:#000;
}
氢{
@扩展h1;
字体大小:44px;
}
h3{
@扩展h1;
字体大小:22px;
}
h4{
@扩展h1;
字体大小:20px;
颜色:#9b9578;
字体大小:400;
文本转换:大写;
}
h5{
@扩展h1;
字体大小:16px;
字体大小:400;
文本转换:大写;
}
您可以使用“mixin”和“include”事件

  <!-- Set your wants -->
    @mixin anything{
      font-family: "Aleo", sans-serif;
      font-weight: 700;
      margin: 0 0 20px 0;
      line-height: 1.5;
      color:#000; 
    }

<!-- and assign to your tag. -->
  h2{
      @include anything;
      font-size: 44px;
    }

@混入任何东西{
字体系列:“Aleo”,无衬线;
字号:700;
利润率:0.20px0;
线高:1.5;
颜色:#000;
}
氢{
@包括任何东西;
字体大小:44px;
}

我认为这是您寻找的正确方法。

您测试过吗?测试将告诉你它是否正确。是的,它工作正常,但是它是最好的sass记录吗?你不能回答是/否,因为它是最好的吗?有不同的工作方式,由你选择一个你认为最适合你的案例