这是我的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 也被生成。但是在网络浏览器上，我的页面没有我给它的任何样式。
最佳答案
因为，您需要引用您的 CSS 文件而不是 SCSS 文件。
浏览器无法呈现用于样式化的 SCSS 文件。
检查您的 html 代码，您引用了错误的文件。
关于html - sass 已编译但无法在我的浏览器中运行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42623223/