Sass ＠at-root （2）
2024-09-06 12:23:41
@at-root和&的结合
&在Sass中所起的作用，文章开头就简单的进行演示了。在@at-root中也同样可以配合&一起使用，下面我们同样来看几个用例：
SCSS
.foo {
@at-root .bar & {
color:gray;
}
}
CSS
.bar .foo {
color: gray;
}
大家很容易发现，这个示例和不加@at-root的SCSS代码一样，可以编译出完全相同的代码：
.foo {
.bar & {
color:gray;
}
}
同样的，&符和@at-root按下面的方式一起工作：
SCSS
.foo {
@at-root & .bar {
color:gray;
}
}
CSS
.foo .bar {
color: gray;
}
同样如此，这种方式与不加@at-root方式，运行的效果是一样的：
.foo {
& .bar {
color:gray;
}
}
如此说明，在Sass中同时使用@at-root和&起到的作用是一样的，换句话说，这样并没有带来新的特性，而且在整个开发中还带来了额外的工作量。
最新文章
- python的拷贝（深拷贝和浅拷贝）
- 目标检测方法总结（R-CNN系列）
- hdu1712 线性dp
- javascript笔记5-BOM
- hdu1054Strategic Game(树形DP）
- canvas之----浮动小球
- UVALive 3027 并查集
- 1819: [JSOI]Word Query电子字典
- Java面向对象 IO （三）
- 使用Angularjs和Vue.js对比
- 程序员大牛 Jeff Atwood 的两本中文书
- 小tips：你不知道的 npm init
- SQLServer之ISO游标使用
- mysql年初至今聚合
- Spring Boot 项目实战（一）Maven 多模块项目搭建
- MySQL报错
- window7安装python的xgboost库方法
- RabbitMQ--学习资源汇
- XML外部实体（XXE）注入详解
- Redis学习一:Nosql入门和概述