为什么符号"&“在我的scss代码中不起作用？
符号"&"在SCSS代码中不起作用的原因可能是由于以下几个因素：
- SCSS中的"&"符号是用来引用父选择器的，它可以帮助我们在嵌套的选择器中引用父级选择器。但是，如果在代码中没有正确的嵌套结构或使用方式，"&"符号可能会失效。
- 可能是由于SCSS代码中缺少正确的嵌套结构。在SCSS中，选择器的嵌套结构非常重要，它决定了选择器的作用范围。如果没有正确嵌套选择器，"&"符号可能无法找到正确的父级选择器。
- 可能是由于SCSS代码中存在语法错误或其他错误导致的。在编写SCSS代码时，需要注意语法的正确性，包括正确的括号匹配、正确的选择器嵌套等。如果存在语法错误，编译器可能无法正确解析"&"符号。
为了解决这个问题，你可以尝试以下几个步骤：
- 检查代码的嵌套结构：确保你的选择器嵌套结构正确，父级选择器在正确的位置上。可以使用缩进或者花括号来表示嵌套关系。
- 检查语法错误：仔细检查你的代码，确保没有语法错误或其他错误。可以使用SCSS编译器或者代码编辑器的语法检查功能来帮助你找出错误。
- 尝试使用其他方式引用父级选择器：如果"&"符号仍然无效，你可以尝试使用其他方式来引用父级选择器，比如使用父级选择器的类名或者ID来代替"&"符号。
总结起来，要解决符号"&"在SCSS代码中不起作用的问题，需要确保正确的嵌套结构、避免语法错误，并尝试使用其他方式引用父级选择器。
相关·内容
嘿，我刚刚开始为我的投资组合建立一个网站，但我立即遇到了一个问题。我以前从来没有使用过Sass，只使用了基本的css，所以我不知道所有的怪癖和技巧。但我看了一段视频，以了解更多关于它的信息，并了解更多关于创建我的响应式网站的信息。我开始在更改导航栏上的一些元素的上下文中使用符号"&“。代码如下：
header
浏览 27提问于2021-02-15得票数 0
回答已采纳
我正在尝试使用npm包管理器和在laravel项目中的webpack加载字体棒。 @import "~@fortawesome";
使用/不使用~符号也可以。每次在public/fonts
浏览 13提问于2020-05-10得票数 0
您好，我正在尝试了解material-ui组件是如何工作的，我遇到了以下样式： backgroundColor: theme.palette.text.divider }), }
我想知道'&$selected‘在CSS语法中
浏览 43提问于2018-05-31得票数 4
回答已采纳
最近，我让Sass和WAMP在我的新PC上运行，并开始在我的本地主机上开发一个新的WordPress-站点。但是，我注意到WordPress正在加载.SCSS文件，尽管我已经在.SCSS中按如下方式将CSS-样式表排队：wp_enqueue_style但是在查看工具时，我</
浏览 6提问于2015-10-15得票数 2
回答已采纳
我有一些颜色定义的变量到_colors.scss文件中。$color-succcess: #706caa;我还想把它们用到一些样式的react组件中，react-table到我的js文件中。我从我的scss文件中导出颜色： colorSuccess: $color-succcess;
co
浏览 1提问于2019-09-09得票数 4
在我的component.scss文件中，我有一个混合变量，我试图为div元素设置波纹颜色。如果我在中设置了一个直接的颜色值(如: matRippleColor="red" )，则会应用波纹颜色并使用working。但是，如果我将混合变量的名称或scss类名给matRipplecolor，则波纹颜色是未应用。component
浏览 1提问于2019-01-16得票数 0
为了从public dir内的主题文件夹编译额外的css资源，我在assets.rb (Rails5.1)中添加了以下内容Rails.application.config.assets.paths<< Rails.root.join("public", "themes", "default")
在一个视图(haml)中，它也位于public目录中，我
浏览 0提问于2017-11-25得票数 0
我使用让Sass自动为每个SCSS文件(从我的/scss目录)创建CSS文件(并将它们放在/css目录中)。在我的SCSS文件中，我有以下内容： content: "▶";当我在浏览器中测试网页时，这
浏览 0提问于2012-04-28得票数 14
回答已采纳
source_dir
- bootstrap-scss - bootstrap.scss因此，我想我可以将所有的 bootstrap.scss文件移到主要的"scss“文件夹中，但这更像是最后的手段。我的问题是，
浏览 4提问于2014-02-24得票数 3
3回答
我在to page.scss中有这段代码，我应该可以更改离子项目符号的颜色，但它不起作用 background: #37469B;
.
浏览 0提问于2019-06-11得票数 2
我使用VerticalLayout和嵌套标签在页面上简单地打印消息。 resetDebug(); }));现在我不能将为什么？如何为标签值启用复制-粘贴功能？
单击事件在VerticalLayout中工作正常，添加了新的行“单
浏览 1提问于2014-09-08得票数 0
1回答
如何在Range4CLI项目运行ng服务(npm启动)中添加电离图标(Sass)？我遵循了以下步骤：
@import "~ionicons/dist/scss/ionicons";
$ionicons-font-path
浏览 4提问于2017-10-27得票数 3
我在“variables.scss”或“global.scss”文件中编写了下面的代码：–placeholder-color: white;–icon-color:white;它应该使占位符的文本带有白色，但是它不起作用。但是，如果我只在页面css文件中编写代码，它就能工作。
有人知道
浏览 0提问于2019-08-25得票数 0
回答已采纳
1回答
如何获得正确类型的scss模块？
、、、、
我试图在打字稿项目中使用SCSS模块。我不知道如何输入SCSS模块。import * as classes from '.当我像这样定义scss模块时tsc --noEmit成功完成，但lint抱怨
error Unsafe argument of typeaccess .base on an `any` va
浏览 8提问于2022-04-12得票数 1
回答已采纳
Resolve在我的配置中如下所示：import utils from 'scss/_utilities';| webpack|- prod.js|- sass|-- _variables.sc
浏览 0提问于2017-10-11得票数 1
我正在使用PhpStorm 2018.2进行一个角度项目(用Webpack 4.16构建)resolve: { },在我的scss文件中，我可以这样进行导入：
@import &#
浏览 0提问于2018-07-31得票数 1
2回答
我的Laravel项目没有编译CSS文件。我用laravel new project,重新安装了Laravel，然后运行了npm install和npm run dev.我得到的结果是：
DONE Compiled successfully in 7112ms通过运行npm run watch (或watch-poll/hot)，将监视在app.scss中所做的任何更改，并重新运行构建过程。但是，结果是相同的-编译文件列表
浏览 31提问于2019-07-05得票数 1
回答已采纳
1回答
如何使用SCSS中的符号和符号来重用父选择器作为后缀？
我来自较少的CSS，现在正在做我在SCSS的第一个项目。在较少的情况下，我可以使用符号和&在选择器的任意点引用父选择器。在我看来，这个接线员在SCSS方面有一些怪癖。CSS中，
浏览 1提问于2014-12-18得票数 3
回答已采纳
我将以下代码添加到我的webpack配置中：resolve: { modules: [ ]
但它不起作用。我不能在没有定义扩展名的情况下导入
浏览 1提问于2018-08-29得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
