css 为什么sass代码不适用于我的html

gkl3eglg  于 2023-02-20  发布在  其他
关注(0)|答案(3)|浏览(170)
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.

piv4azn7

piv4azn71#

SASS / SCSS是CSS的预处理器,您的浏览器无法解释。这是一个重复的问题,可能的解决方案已经在这里描述过了:Attaching a SCSS to HTML docs

doinxwow

doinxwow2#

如果你正在使用vs代码下载一个sass扩展,它将把你的sass代码转换成一个css代码,然后你可以链接由扩展生成的css文件到你的html页面,我推荐yutent的scss到css扩展,因为它不需要你像其他扩展一样激活它

rdlzhqv9

rdlzhqv93#

你必须阅读文档sass官方和遵循这指南https://sass-lang.com/guide .如果你不安装sass这两种方式如何安装sass
1.读取此https://sass-lang.com/install
1.或下载可视化代码扩展
如果你仍然困惑改变你的sass成为sport.css

相关问题