Question

这是我的HTML代码：

<!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.scss：

.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.css。但是在网络浏览器上，我的页面没有我给它的任何样式。

Answer 1

因为，您需要提供CSS文件而不是SCSS文件。浏览器无法呈现样式的SCSS文件。

检查你的html代码，你引用了错误的文件。

sass被编译但不在我的浏览器中运行

1 个答案: