首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么符号"&“在我的scss代码中不起作用?

符号"&"在SCSS代码中不起作用的原因可能是由于以下几个因素:

  1. SCSS中的"&"符号是用来引用父选择器的,它可以帮助我们在嵌套的选择器中引用父级选择器。但是,如果在代码中没有正确的嵌套结构或使用方式,"&"符号可能会失效。
  2. 可能是由于SCSS代码中缺少正确的嵌套结构。在SCSS中,选择器的嵌套结构非常重要,它决定了选择器的作用范围。如果没有正确嵌套选择器,"&"符号可能无法找到正确的父级选择器。
  3. 可能是由于SCSS代码中存在语法错误或其他错误导致的。在编写SCSS代码时,需要注意语法的正确性,包括正确的括号匹配、正确的选择器嵌套等。如果存在语法错误,编译器可能无法正确解析"&"符号。

为了解决这个问题,你可以尝试以下几个步骤:

  1. 检查代码的嵌套结构:确保你的选择器嵌套结构正确,父级选择器在正确的位置上。可以使用缩进或者花括号来表示嵌套关系。
  2. 检查语法错误:仔细检查你的代码,确保没有语法错误或其他错误。可以使用SCSS编译器或者代码编辑器的语法检查功能来帮助你找出错误。
  3. 尝试使用其他方式引用父级选择器:如果"&"符号仍然无效,你可以尝试使用其他方式来引用父级选择器,比如使用父级选择器的类名或者ID来代替"&"符号。

总结起来,要解决符号"&"在SCSS代码中不起作用的问题,需要确保正确的嵌套结构、避免语法错误,并尝试使用其他方式引用父级选择器。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

为什么 strace 在 Docker 中不起作用?

在编辑“容器如何工作”爱好者杂志的能力页面时,我想试着解释一下为什么 strace 在 Docker 容器中无法工作。...但这实际上是不合理的,原因有两个。 原因 1:在实验中,作为一个普通用户,我可以对我的用户运行的任何进程进行 strace。...为什么?! 假设 2:关于用户命名空间的事情? 我的下一个(没有那么充分的依据的)假设是“嗯,也许这个过程是在不同的用户命名空间里,而 strace 不能工作,因为某种原因而行不通?”...在 containerd 的 seccomp 实现中,在 contrib/seccomp/seccomp/seccomp_default.go 中,有一堆代码来确保如果一个进程有一个能力,那么它也会(通过...moby 中的 profile/seccomp/seccomp.go 和 默认的 seccomp 配置文件中,也有一些其他的代码似乎做了一些非常类似的事情,所以有可能就是这个代码在做这个事情。

6.4K30

为什么我的样式不起作用?

问题描述:在一个react父子组件demo中,实际效果与书写的样式不太一样。 问题复现 直接上代码描述问题: 1....还有一个Child的子组件,红底黑字。 那么实际渲染出的样式是什么样子的呢。如下图: ? 实际看到的效果确实蓝底白字与红底白字,为什么与写的代码有出入呢。...打开调试工具,看到子组件被渲染成一个Child 但是样式却被父组件的样式给覆盖变成了白色, 原因:这是因为在w3c 规范中,CSS 始终是「全局的...在传统的 web 开发中,最为头痛的莫过于处理 CSS 问题。因为全局性,明明定义了样式,但就是不生效,原因可能是被其他样式定义所强制覆盖。...最后 文章首发于:为什么我的样式不起作用? 参考:浏览器渲染原理与过程 参考:CSS选择器从右向左的匹配规则 DEMO地址

4.2K20
  • scss在项目实战中的使用

    变量使用 全局使用:使用$varaible格式定义变量,比如全局的主题色,可在common.scss中定义,通过@import的方式引用即可 局部使用:在本文件中创建变量$themeColor =...CSS原生可通过定义 -- 变量名结合var函数的方式来达到这一目标。...混合使用(mixins) 可在common.scss中使用@mixin varibaleName{}的方式定义 多次重复使用的样式,通过@include的方式应用。...还可以使用@mixin varibaleName(varib1 varib2 varib3){} 的方式传入自定义的属性,进行代码复用,比如可以将 flex布局使用mixin的形式,传入变量使用。...导入 @import 导入,文件扩展名为.scss或.sass 可同时导入多个文件 @import ‘bar’,‘foo’; &使用 在嵌套 CSS 规则时,有时也需要直接使用嵌套外层的父选择器

    1.5K40

    为什么我的模型准确率都 90% 了,却不起作用?

    举例来说,在处理用户流失(指用户在一段时间之后不再继续使用公司产品的情况)这类市场问题预测时,流失用户所占的百分比一般都会远低于留存用户的。...在统计学中,假负被称为第二类错误,是指预测为阴性,实际为阳性的案例。...在我们的客户流失预测例子中,我们就可以借此找出客户中最有可能放弃购买的客户,并提前给他们发出邮件或消息通知。...如果说我们在 2 万个目标样本中成功识别了 1.5 万,但其中有五千是错判为正的负,并且漏掉了五千个正样本,那么你的 F1 应该如下: F1: 15,000 / (15,000+.5 (5,000+5,000...总 结 即使是用 R 或 Python 进行机器学习算法训练,在面对不平衡分类问题时也难免会感到棘手。希望本文能够帮助各位意识到数据分析中潜在的漏洞,以防出现逻辑上的谬误。

    1.9K30

    Objective-C 中我接受的点符号

    我甚至将点符号描述为 Objective-C 代码的一种气味。 因此,你可能会惊讶地发现,我最近在代码中采用了点符号!事情是这样的......在我观念转变之前 我有两个编码习惯让你们中的一些人觉得很奇怪: 对于一个属性,我更倾向于通过它的 ivar 进行访问。 当然,我也没有使用点符号。 有人说,"访问属性时一定要使用 self."。...他把我的 MVC TDD 视频课程带向了另一个方向。他没有让模型在发生变化时发布通知,而是将我的大部分代码变成了模板,由 ReactiveCocoa 取代。...我知道这一点,但制作录屏视频时却有人评论说:"你为什么直接访问 ivars?"这让我很不舒服。因此,通过采用点符号,我希望我的代码能减少干扰,这样你就能专注于我试图展示的原理。...因此,多于一个点(self.不算)让我质疑,为什么对属性的属性做手脚与代码无关。不过,这也许是后话了...... 就是这样。圆点,耶。 你呢,有没有在编码圣战中转换过阵营?请在下方留言。

    10710

    我说我为什么抽不到SSR,原来是这段代码在作祟...

    我说我为什么抽不到SSR,原来是加权随机算法在作祟 ★阅读本文需要做好心理准备,建议带着深究到底的决心和毅力进行学习! ” 灵魂拷问 为什么有 50% 的几率获得金币?...为什么有 40% 的几率获得钻石? 为什么只有 9% 的几率获得装备? 为什么才有 1% 的几率获得极品装备? 是人性的扭曲,还是道德的沦丧,请和我一起走进今日说法 !...但你以为这就是效率最高的办法吗? 写那么多if else不痛苦吗我的宝贝。 方案三、神之一手 何必将随机数和所有的范围进行比较呢?...sort.SearchInts sort.Search() 的函数参数需要一个闭包函数,并且这个闭包函数是在 for 循环中使用的,如下。...优化源码中的二分法。 轮盘赌算法,每次都去赌。 内联:编译器的一个名词。我们的代码最终都是经过编译系统转换成可执行二进制文件。汇编阶段读取的是词法、语法单元输出的结果。

    1.3K20

    为什么我在容器中不能 kill 1 号进程?

    而容器中也是由init进程直接或间接创建了Namespace中的其他进程。 linux信号 而为什么不能在容器中kill 1号进程呢?进程在收到信号后,就会去做相应的处理。...SIGKILL 和 SIGSTOP 也同样例外,不能有用户自己的处理代码,只能执行系统的缺省行为。...运行命令 kill -9 1 里的参数“-9”,就是指发送编号为 9 的这个 SIGKILL 信号给 1 号进程。 为什么在容器中不能kill 1号进程? 对于不同的程序,结果是不同的。...0000000000004000 [root@043f4f717cb5 /]# kill 1 # docker ps CONTAINER ID IMAGE COMMAND CREATED 重点总结 “为什么我在容器中不能...因为信号的最终处理都是在 Linux 内核中进行的,因此,我们需要对 Linux 内核代码进行分析。

    26510

    在应用开发中,我为什么选择 Flutter 而不是 React Native ?

    作为一位开发人员,我想在本文中与大家聊聊跨平台开发领域的两大核心选项——Flutter 与 React Native 框架,并介绍我自己为什么更偏爱 Flutter。...为什么我更倾向于 Flutter 一段时间以来,React Native 一直是全球领先的跨平台开发框架。而且在 Flutter 出现之前,React Native 可谓无可匹敌。...开发高性能应用 在应用性能方面,Flutter 同样明显领先于 React Native。在几乎所有性能测试中,Flutter 的性能都比 React Native 更好。...例如,在使用 Flutter 时,应用中动画的运行速率可以达到每秒 60 帧。 对于混合应用开发,在将代码、原生组件以及库集成至新架构中时,React Native 会带来更高的复杂性。...React Native 在官方文档中并不提供任何明确的支持或定义步骤,导致开发者找不到得到广泛认可的发布流程自动化指南。

    3.3K20

    我在ThoughtWorks中的敏捷实践

    反馈则是在开发中的任何环节,包括代码质量、自动化测试、部署、项目进度、需求变更、客户验收等,而且反馈越快越好。...我比较推荐DEV在kick off后将Story划分成子任务列表,按照依赖关系和优先级排序,逐个干掉他们。...TDD,即测试驱动开发,强调的是测试先行。TDD是一个存在争议的主题,因为在一个连测试的没有的代码库中(多数客户也不关心测试代码,他们通常只想要看得到的功能),它的立身之本就不复存在了。...我也经历过客户要求测试覆盖率的项目,有专门的测试覆盖率工具(coveralls)来检测代码库,有的甚至集成在CI上作为一个硬性指标。 所以,TDD必须在一个有测试的项目中去讲。...开发人员每天都在代码库提交代码,版本控制工具(比如Git)在提交前必须更新代码库最新的代码(解决冲突,代码合并,应用更改),然后将代码提交到代码库中。

    2.1K30

    为什么我写不出面向对象的代码

    但是在面向对象的思想中,这个Json数组中的每个元素就是一个对象,我们可不可以在代码层中以List的形式存,然后以List的形式取出,中间的Json转换有程序自动去做,不需要开发去手动转。...关于DDD领域驱动设计,推荐书籍: “《领域驱动设计:软件核心复杂性应对之道》 《实现领域驱动设计》 ” 为什么我们在使用贫血模型 看了上面的代码,我们可能会疑问:我使用贫血模型开发挺好的啊?...因此我总结为什么人们更愿意使用贫血模型呢: “ 充血模型相对贫血模型存在一定的设计难度,你需要多花时间思考哪些是对象本身的行为 面向过程的编程思想根深蒂固,很难改变 对代码没有太大负责态度,认为怎么简单怎么来...在复杂的系统中,我们使用贫血模型(面向过程思维)开发,那最后的结果是 点连成线,线交织成网,密密麻麻不可维护 然而我们大部分负责的系统并不复杂,我的建议是: 朝充血模型思维方式靠齐 我的思考 如果你还在抱怨自己的工作只是简单...那么建议你多做一些的思考: 1.我的代码是不是面向对象的代码 2.我的代码设计是否遵循 高内聚,低耦合的设计标准 3.我的代码是否遵循设计原则,如单一职责原则,开闭原则等 4. ...

    1.2K20

    如何在 SCSS 中实现复杂的嵌套选择器并确保代码的可维护性?

    在 SCSS 中实现复杂的嵌套选择器时,可以遵循以下几个原则以确保代码的可维护性: 限制嵌套层级:避免层级过深的嵌套,最好不要超过三级。...过多的嵌套会增加代码的复杂性和选择器的特异性,降低代码的可读性和维护性。 使用父元素选择器:尽量使用父元素选择器 & 来限定样式的作用范围,避免使用全局选择器或依赖于特定的 HTML 结构。...这样可以使样式更具通用性,减少代码改动时的影响范围。 提取共用的样式:当有多个选择器需要应用相同的样式时,可以将这些样式提取为一个共用的 class 或 mixin,然后在需要的地方引用。...利用 SCSS 的特性:SCSS 提供了许多方便的特性,如变量、函数、混合器等,可以帮助简化和优化代码。...综上所述,通过限制嵌套层级、使用父元素选择器、提取共用样式、使用 BEM 命名规范和利用 SCSS 的特性,可以在 SCSS 中实现复杂的嵌套选择器并确保代码的可维护性。

    8800

    为什么我在公司里访问不了家里的电脑?

    上篇文章「为什么我们家里的IP都是192.168开头的?」提到,因为IPv4地址有限,最大42亿个。...那这么说只有用到端口的网络协议才能被NAT识别出来并转发? 但这怎么解释ping命令?ping基于ICMP协议,而ICMP协议报文里并不带端口信息。我依然可以正常的ping通公网机器并收到回包。...举个现实中的场景就是,你在你家里的电脑上启动了一个HTTP服务,地址是192.168.30.5:5000,此时你在公司办公室里想通过手机去访问一下,却发现访问不了。...为什么我在公司里访问不了家里的电脑? 那是因为家里的电脑在局域网内,局域网和广域网之间有个NAT路由器。由于NAT路由器的存在,外网服务无法主动连通局域网内的电脑。...之所以会有这个错,主要是因为在一个linux内核中,内核收到网络数据时,会通过五元组(传输协议,源IP,目的IP,源端口,目的端口)去唯一确定数据接受者。

    2.1K10

    为什么if-else会影响我的代码的复杂度

    关于if-else的争议 我之前写了一篇文章《我用规则引擎消除if语句,提高了代码的可扩展性》,这篇文章我想阐述的观点是复杂的if语句可能会影响代码的阅读和代码的扩展性,会将非业务的条件逻辑与业务逻辑混合在一起...实际工作中,能见到一个方法包含10个、20个甚至更多的逻辑分支的情况。...从软件设计角度讲,代码中存在过多的 if-else 往往意味着这段代码违反了违反单一职责原则和开闭原则。因为在实际的项目中,需求往往是不断变化的,新需求也层出不穷。所以,软件系统的扩展性是非常重要的。...即使在代码还在起步阶段,我们也要能够看到将来代码发展的趋势。 真的不要觉得设计代码是一件费时费力的事情,到了多次项目迭代后,我们会发现好的设计可以提高工作效率和代码质量。...很多项目其实会有重构环节,我们在重构时思考我觉得也不晚。 关于减少复杂if-else的方法,推荐大家看看这些文章: “[if-else语句太多了?

    1.5K10

    同事C代码中的#、##把我秀了~

    #和##对于大部分C语言玩得还算比较溜的朋友并不是很陌生,不过能把这两个知识点游刃有余的应用到所在代码中的每个角落,似乎并没有几个人能够做到,学的时候朗朗上口,而编码的时候却抛之脑后。...首先要知道原因 : 进行宏定义嵌套的情况,#或者##仅在当前宏有效,嵌套宏中不会再次展开,既然当前宏无法展开,那么我只能再加一级宏定义作为转换宏进行展开,看能不能解决该问题: #include 在结构体定义中的妙用 下面是bug菌经常在项目代码中用到的##结构体定义法,也是非常多开源代码中惯用的做法,相比常规的结构体定义法,确实省去很多重复的代码。...,而这碎片化的符号进行有效的管理,就可以使得符号更加具有通用性和灵活性。...bug菌在代码中跟大家都标注了,相信大家一眼就能看懂,似乎并没有想象中那么难。

    14310

    我在工作中的常用代码管理

    说是管理其实就是把常用的一些JS方法,自己保存下来,这样的以后的工作中可以比较方便的使用。 哪些方法可以、或是说值得保存呢?...还有一些是扩展型的函数,例如,判断数组,增加、删除数组什么的, 还有一些工具类的,什么复制属性啊,字数判断啊,DOM节点操作啊,轮播广告啊,日期操作 总之,上面列出的那些内容的JS代码都是与具体业务逻辑无关的...============= 我写这些东西基本都是“思路或方法”的占多数,我觉得思维在层次上是高于具体实现的。...这也是我为什么很少写JS的具体实现的原因,我总觉得应该给我的粉丝们一些不一样的东西,一些别的地方得不到的东西。因为网上JS教程很多,我又写不好JS教程,我没耐心一步一步的详细写。...要看JS教程有很多地方可以看到很好的教程。 我希望关注我的朋友们,看我的微信公众号,能够体会一种“变通”的能力。不要我说一就是一,要懂得举一反三啊。 我再三提醒啊,不要僵化的去看待文中的内容。

    85350

    为什么String在Java中是不可变的

    String 在 Java 中是不可变的。 不可变类只是一个无法修改其实例的类。 创建实例时,将初始化实例中的所有信息,并且无法修改信息。 不可变类有许多优点。...本文总结了为什么 String 设计为不可变的。 这篇文章从内存,同步和数据结构的角度说明了不变性概念。 1. 字符串池 字符串池(String intern pool)是方法区域中的特殊存储区域。...创建字符串并且池中已存在该字符串时,将返回现有字符串的引用,而不是创建新对象。 以下代码将在堆中仅创建一个字符串对象。...如果字符串是可变的,则使用一个引用更改字符串将导致其他引用的错误。 2. 缓存的哈希码 字符串的哈希码经常在 Java 中使用。 例如,在 HashMap 或 HashSet 中。...在String类中,它具有如下代码: private int hash;//this is used to cache hash code. 3.

    1.3K20

    看ASM在代码中的强势插入

    前言 我之前写过一篇AOP的文章 看AspectJ在Android中的强势插入 是通过AspectJ来实现的,本篇是『巴掌』的投稿,他通过使用ASM来讲解了在Java和Android中的AOP方法,非常值得大家学习交流...再写ASM插入代码前,我们必须意识到一件事,那就是得知道我们会在onMethodEnter中存一个方法开始时间,再在onMethodExit中存一个方法结束时间,再去相减,那么问题来了,这个时间我们存哪呢...然后便是插入时间统计代码了,我在之前的一篇文章就有介绍过 手摸手增加字节码往方法体内插代码(http://www.wangyuwei.me/2017/01/22/%E6%89%8B%E6%91%B8%E6%...首先来看看插入前的代码: ? 我给newFunc2方法增加了@Cost注解,但没给newFunc1方法增加,然后开始用ASM提供的类生成插入代码后的二进制流: ?...ASM提供的类生成一个插入代码后的字节流再丢给虚拟机,自定义的代理得实现ClassFileTransformer,并且提供premain()方法,写有premain方法的类得在MANIFEST.MF中显示调用

    4.9K31
    领券