scss樣式未得到應用

Question

<body>

    <div id="nav">
        <ul>
            <li><a href="#about">About</a></li>
            <li><a href="#history">History</a></li>
            <li><a href="#projects">Projects</a></li>
        </ul>
    </div>   

    <div id="firstRow>
        <a id="about" class="smooth"></a>
        About page goes here.
    </div> 

    ...

    <script src="bundle.js" type="text/javascript"></script>
</body>

這是我的HTML外觀，下面是我編寫的scss

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

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

  div{

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

  }

}

但是樣式沒有得到應用。 我遵循了scss指南，但是它不起作用。

Answer 1

" <div id="firstRow">標記ID中丟失

<body>

  <div id="nav">
        <ul>
            <li><a href="#about">About</a></li>
            <li><a href="#history">History</a></li>
            <li><a href="#projects">Projects</a></li>
        </ul>
    </div>   

    <div id="firstRow">
        <a id="about" class="smooth"></a>
        About page goes here.
    </div> 

    ...

    <script src="bundle.js" type="text/javascript"></script>
</body>

更新了SCSS腳本，您在SCSS中引用#firstRow的div元素子元素，但HTML引用相同的元素。

$ font-stack：Helvetica，無襯線； $原色：＃333;

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

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

}

或如下更改HTML代碼

<div>
    <a id="about" class="smooth"></a>

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

scss樣式未得到應用

問題描述

1 個解決方案

解決方案1
3 已采納 2017-09-20 01:32:40

scss樣式未得到應用

問題描述

1 個解決方案

解決方案1 3 已采納 2017-09-20 01:32:40

解決方案1
3 已采納 2017-09-20 01:32:40