Html 未应用scss样式

Html 未应用scss样式,html,css,sass,css-selectors,Html,Css,Sass,Css Selectors,但这种风格并未得到应用。我遵循了scss指南,但它不起作用 “标记id中缺少 $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; div{ #firstRow { height: 100px; background-color: green; } } } 或者像下面

但这种风格并未得到应用。我遵循了scss指南,但它不起作用

标记id中缺少

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;

  div{

    #firstRow {
    height: 100px;
    background-color: green;
  }

  }

}
或者像下面这样更改HTML代码

body {
  font: 100% $font-stack;
  color: $primary-color;

  div#firstRow {
    height: 100px;
    background-color: green;
  }

}

这里是关于佩奇的。
标记id中缺少

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;

  div{

    #firstRow {
    height: 100px;
    background-color: green;
  }

  }

}
或者像下面这样更改HTML代码

body {
  font: 100% $font-stack;
  color: $primary-color;

  div#firstRow {
    height: 100px;
    background-color: green;
  }

}

这里是关于佩奇的。

除非您没有编译要嵌套在
#firstRow
中的
.scss
文件,否则它应该可以工作,创建选择器
div#firstRow
。如果您了解基本CSS,您就会知道为什么它没有选择页面上的任何元素。除非您没有编译嵌套在
div
中的
第一行
文件,否则它应该可以工作,并创建选择器
div#firstRow
。如果您了解基本CSS,您就会知道为什么它没有选择页面上的任何元素。
<div>
    <a id="about" class="smooth"></a>

    <div id="firstRow">
      About page goes here.
    </div>
</div>