Css 为什么不是'；这个基本的Sass嵌套示例是否有效？
我开始学习Sass，并开始检查一些嵌套示例。这是我第一次尝试，但它不起作用：Css 为什么不是'；这个基本的Sass嵌套示例是否有效？,css,sass,nested,Css,Sass,Nested,我开始学习Sass，并开始检查一些嵌套示例。这是我第一次尝试，但它不起作用： body {background:#eee;} .blog .entry { p{ color:#ff0; } } 这是我的标记： <!doctype html> <html> <head> <link rel="stylesheet" type="text/css" href="main.scss">
body {background:#eee;}
.blog .entry {
p{
color:#ff0;
}
}
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.scss">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
</head>
<body class="blog">
<div class="entry">
<h1>My blog post</h1>
<p class="blue">Text <a>link</a></p>
</div><!-- .entry -->
</body>
</html>
我的博客帖子
文本链接
正文的背景确实更改为#eee，但段落保持不变（除非我将其取消嵌套为p{}）。您的标记和Sass工作正常，如您在此处所见： 如果您正在通过另一个CSS规则（即通过格式化
.bluebody {
background: #eee;
}
.blog {
.entry {
p {
color: #ff0;
}
}
}
我建议您不要在Sass中进行更深入的嵌套。您的标记和Sass工作正常，您可以在这里看到： 如果您正在通过另一个CSS规则（即通过格式化
.bluebody {
background: #eee;
}
.blog {
.entry {
p {
color: #ff0;
}
}
}
我建议您不要在Sass中进行任何深入的嵌套。首先，您不能像CSS一样链接SCSS文件，您必须将其编译为CSS，然后链接已编译的文件。 为了在SCS中正确嵌套，可以执行以下操作：
.blog {
.entry {
p{
color:#ff0;
}
}
}
首先，你不能像CSS那样链接一个SCSS文件，你必须将它编译成CSS，然后链接编译后的文件。 为了在SCS中正确嵌套，可以执行以下操作：
.blog {
.entry {
p{
color:#ff0;
}
}
}
你能给我你编写的scss文件中的代码吗？编译后的CSS是什么样子的？如果删除“blue”类，则无法像CSS文件那样链接SCSS/SASS文件，会发生什么情况。这不是SASS的工作方式。你必须先编译它…除非你在做客户端…我怀疑。这是你的sass代码还是编译后的代码？你能给我编译后的scss文件中的代码吗？编译后的CSS是什么样子的？如果删除“blue”类，则无法像CSS文件那样链接SCSS/SASS文件，会发生什么情况。这不是SASS的工作方式。你必须先编译它…除非你在做客户端…我怀疑。这是你的sass代码还是编译的代码？哇，太离谱了。说清楚一点，我链接到了.scss，浏览器无法阅读Sass（这几乎是他们告诉你的第一件事）。@brunouno这几乎是我注意到的第一件事！请将此标记为已解决！很高兴我能帮助你！哇，吹过去了。说清楚一点，我链接到了.scss，浏览器无法阅读Sass（这几乎是他们告诉你的第一件事）。@brunouno这几乎是我注意到的第一件事！请将此标记为已解决！很高兴我能帮助你！