p{
color: blue;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="sport.scss">
</head>
<body>
<p>Helllooo</p>
</body>
</html>
我在这个项目中正确地编写了另外两个页面。但是,当打算编写第三个页面时,在www.example.com上的更改没有应用,似乎我的html代码没有接收到样式。令人惊讶的是,sass文件完全转换为CSS文件,没有明显的问题。all.it seems that my html code doesn't receive the styles. Surprisingly, the sass file fully converted to CSS file, and no problem was evident.
3条答案
按热度按时间piv4azn71#
SASS / SCSS是CSS的预处理器,您的浏览器无法解释。这是一个重复的问题,可能的解决方案已经在这里描述过了:Attaching a SCSS to HTML docs
doinxwow2#
如果你正在使用vs代码下载一个sass扩展,它将把你的sass代码转换成一个css代码,然后你可以链接由扩展生成的css文件到你的html页面,我推荐yutent的scss到css扩展,因为它不需要你像其他扩展一样激活它
rdlzhqv93#
你必须阅读文档sass官方和遵循这指南https://sass-lang.com/guide .如果你不安装sass这两种方式如何安装sass
1.读取此https://sass-lang.com/install
1.或下载可视化代码扩展
如果你仍然困惑改变你的sass成为sport.css