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

SCSS -为什么不允许规则`&-classA.&-classB`?

SCSS是一种CSS预处理器,它引入了许多增强功能,使得CSS的编写更加高效和灵活。在SCSS中,可以使用&符号来引用父选择器,以便在嵌套的选择器中生成更具层次结构的CSS规则。

然而,SCSS不允许在选择器中使用&符号进行多次引用,例如&-classA.&-classB。这是因为在SCSS中,&符号只能在选择器的开头或结尾使用,用于引用父选择器。这样的限制是为了保持选择器的简洁性和可读性。

如果需要在SCSS中生成类似&-classA.&-classB的选择器,可以通过使用嵌套的方式来实现,如下所示:

代码语言:scss
复制
.classA {
  &-classB {
    // CSS规则
  }
}

在上述示例中,我们使用嵌套的方式生成了.classA-classB选择器,实现了类似的效果。

总结起来,SCSS不允许规则&-classA.&-classB是因为&符号只能在选择器的开头或结尾使用,用于引用父选择器。如果需要生成类似的选择器,可以通过嵌套的方式来实现。

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

相关·内容

为什么ConcurrentHashMap不允许插入null值?

在 Java 语言中,ConcurrentHashMap 和 Hashtable 这些线程安全的集合是不允许 key 或 value 插入 null 值的,而 HashMap 又允许 key 或 value...插入 null 值,这到底是为什么呢?...探索最终原因 通过上面源码分析,我们似乎已经找到了 ConcurrentHashMap 不允许插入 null 值的原因,用一句话概括就是:乌龟的屁股“规定”!...然而,这个原因是不能说服面试官的,虽然源码是这样设计的,但我们要思考的是,这样设计背后更深层次的原因,为什么 ConcurrentHashMap 不允许插入 null?...可以看出这就是 ConcurrentHashMap 的二义性问题,那为什么 HashMap 就不怕二义性问题呢? 可证伪的 HashMap 上面说到 HashMap 是不怕二义性问题的,为什么呢?

1.6K30

为什么foreach中不允许对元素进行add和remove

阿粉的读者遇到了一个比较经典的面试题,也就是标题上说的,为什么 foreach 中不允许对元素进行 add 和 remove。...阿粉就这个问题深入分析一下为什么不让使用 add 和 remove,并且实际运行一下,我们来看一下。...其实说这话的,一般都是没去看过源码的,为什么这么说,如果你要是反编译出来 foreach 这一段代码,那么你肯定发现内部是使用迭代器实现的,既然这样,那好,我们再用迭代器遍历一下试试。...为什么不相等的时候,就会出现异常呢?...1, 2, 3, 4, 6, 7, 8, 9] 他实现了对这个元素中间进行移除的操作,那么他的内部源码是怎么实现的,实际上很简单,复制 也就是他创建一个新的数组,再将旧的数组复制到新的数组上,但是为什么很少有人推荐这种做法

44810

为什么搜索引擎总是改变游戏规则

对于SEO工作者而言,我们每天需要做的工作就是盯着特定关键词在百度搜索结果种的变化,如果你足够敏感,而长期研究百度SEO,当对方有相关策略调整的时候,你会第一时间,发现问题,为什么某些页面的信息展现,发生了变化...,而这个变化又会带来哪些影响,因此,总是有人讲,搜索引擎总是改变游戏规则。...74.jpg 那么,为什么搜索引擎总是改变游戏规则?...这就是为什么这些年,搜索引擎的检索更多的是通过百度移动端APP,手机百度来完成,而其中一个最为重要的检索媒介就是语音搜索。...总结:百度搜索总是改变游戏规则,并不是一件不理想的事情,相反,只有不断的改变与提升,才能更好的为用户服务,而上述内容,仅供参考。

38830

结构体对齐规则为什么会有结构体对齐

前言:   大家在学习结构体中,在计算结构体大小时想必会很疑惑,为什么结构体的大小不是按照常理像数组一样一个字节一个字节的挨在一起放?今天带大家一起深入探讨一下背后的规则和原因。...结构体对齐规则:    结构体对齐其实就是所有成员变量都要对齐到对齐数整数倍的地址处   首先认识一下默认对齐数的概念,每个编译器都有默认对齐数,我这里使用的是vs2022,它的默认对齐数是8。  ...对齐数的计算规则是: 对齐数=编译器默认对齐数与改成员变量大小(字节)的较小值   还有一个重要特征: 结构体总大小为最大对齐数的整数倍。...如下图所示: 为什么要结构体对齐?   从上面的例子不难看出,结构体对齐是会浪费空间的,可是为什么要这样做呢?其实就是以空间换时间,那它是怎么来换时间的呢?

11010

为什么我做的网页总是卡?前端性能优化规则要点

一说到页面的性能优化,大家可能都会想起雅虎军规、2-5-8原则、3秒钟首屏指标等规则,这些规则在开发过程中不是强制要求的,但是有时候为了追求页面性能的完美和体验,就不得不对原有的代码进行修改和优化。...下面整理出一些常用的性能优化要点,同时再罗列一下雅虎军规、2-5-8原则、3秒钟首屏指标这三个常用规则的要点。...CSS属性:opacity、transform、transition ❝「样式优化」 ❞ 「避免在HTML中书写style」 「避免CSS表达式」:CSS表达式的执行需跳出CSS树的渲染 「移除CSS空规则...」:CSS空规则增加了css文件的大小,影响CSS树的执行 「正确使用display」:display会影响页面的渲染 display:inline后不应该再使用float、margin、padding...❝「雅虎军规」 ❞ 雅虎团队通过大量实践总结出以下7类35条前端优化规则规则详情请参考这位兄弟的《雅虎前端优化35条规则翻译》。

1.7K20

以淘宝店铺为例,谈谈 TypeScript ESLint 规则集考量

no-explicit-any 不允许显式的 any。 实际上这条规则只被设置为 warn 等级,因为真的做到一个 any 不用或是全部替换成 unknown + 类型断言 的形式成本都非常高。...tmp 为什么:冗余 no-non-null-asserted-optional-chain 不允许非空断言与可选链同时使用:foo?.bar! 为什么:和上一条规则一样属于冗余,同时意味着你对 !...no-unnecessary-type-arguments 不允许与默认值一致的泛型参数,如: function foo() {} foo(); 为什么:出于代码简洁考虑...no-unnecessary-type-assertion 不允许与实际值一致的类型断言,如:const foo = 'foo' as string。 为什么:你懂的。.../index.module.scss"; restrict-template-expressions 模板字符串中的计算表达式其返回值必须是字符串,此规则可以被配置为允许数字、布尔值、可能为 null

2.7K30
领券