SASSは、コンパイルされるが、これは私のhtmlコードである

私のブラウザでは動作しません：SASSは、コンパイルされるが、これは私のhtmlコードである

.class1{ 
    h1{ 
     font-size: 25px; 
     color:#E45456; 
    } 

    #p1{ 
     font-size: 25px; 
     color:#3C7949; 
    } 
    #p2{ 
     font-size: 25px; 
     color:#3C7949; 
    } 

    .class2{ 
     h1{ 
     font-size: 25px; 
     color:#E45456; 
     } 

     p{ 
     font-size: 45px; 
     color:#3C7949; 
     } 
    } 
}

マイstyle.scssは、コマンドプロンプトでコンパイルされる：これは私のstyle.scssある

<!DOCTYPE html> 
<html> 
<head> 
    <title>nested</title> 
    <link rel = "stylesheet" type = "text/css" href = "style.scss"> 
</head> 
<body> 
    <div class = "class1"> 
     <h1>Heading</h1> 
     <p id="p1">Paragraph 1</p> 
     <p id="p2">Paragraph 2</p> 
     <div class = "class2"> 
      <h1>Heading</h1> 
      <p>Paragraph</p> 
     </div> 
     </div> 
</body> 
</html>

新しいstyle.cssも生成されます。しかし、私のページには私が与えたスタイルはありません。

出典

2017-03-06 pratteek shaurya

'style.css'を追加する必要はありませんか？' style.scss'ですか？ – Toxide82

CSSファイルではなく、Sassファイルを参照しているからです。スタイルシートのリンクを 'style.css' – zik

に変更してください。それは私の側からの大失敗だった。 –