Sass @at-root 指令用法示例

Sass`@at-root`指令示例

@at-root指令可以将一个或多个样式规则生成在样式文件根层级上，而不是嵌套在其父选择器中：

例子一

.parent {...@at-root .child { ... }
}
复制代码

输出为：

.parent { ... }
.child { ... }
复制代码

例子二

.parent {...@at-root {.child1 { ... }.child2 { ... }}.step-child { ... }
}
复制代码

输出为：

.parent { ... }
.child1 { ... }
.child2 { ... }
.parent .step-child { ... }
复制代码

参考： Sass文档

转载于:https://juejin.im/post/5c4abacbe51d4503834d952a

Sass @at-root 指令用法示例相关推荐

scss值列表_Sass @each指令用法示例
Sass @each指令包含列表中每个项目的值.它也可用于多个分配以及带有地图的多个分配. 简单的@each指令 @each指令具有多个分配 @each指令具有多个分配和映射在Sass简单的@eac ...
Linux find 用法示例
Linux中find常见用法示例 ·find path -option [ -print ] [ -exec -ok command ] {} \; find命令的参数 ...
Angular Light 指令用法
Angular Light is a library for building interactive MVVM web interfaces/applications. Angular.js + K ...
AWK用法示例 awk命令
AWK:Linux 管理员的智能工具包作者 Emmett Dulaney AWK 实用工具带有其自己的自包含语言,它不仅是 Linux 中也是任何环境中现有的功能最强大的数据处理引擎之一.这种编程及 ...
CMake中include指令用法介绍
转载于: https://blog.csdn.net/liitdar/article/details/81144461 本文主要介绍CMake中include指令的用法. 1 概述引用CMake官 ...
11. shell当中read详解,read语法选项，read用法示例，脚本示例,while read line详解,掌握原则
shell当中read详解,read语法选项,read用法示例,脚本示例,while read line详解,掌握原则文章目录 1.1 read详解 1.2 用法示例 1.3 while read ...
mysql存储过程end_mysql存储过程BEGIN END复合语句用法示例
mysql存储过程BEGIN END复合语句用法示例 begin_label:] BEGIN [statement_list] END [end_label] 存储子程序可以使用BEGIN ... E ...
linux chown 使用实例,chown命令_Linux chown命令用法示例详解
Linux chown命令用法介绍 chown命令改变某个文件或目录的所有者和所属的组,该命令可以向某个用户授权,使该用户变成指定文件的所有者或者改变文件所属的组.用户可以是用户或者是用户ID,用户组 ...
Go基础系列：双层channel用法示例
Go channel系列: channel入门为select设置超时时间 nil channel用法示例双层channel用法示例指定goroutine的执行顺序双层通道的解释见Go的双层通道 ...

Sass @at-root 指令用法示例

Sass`@at-root`指令示例

例子一

例子二

Sass @at-root 指令用法示例相关推荐

最新文章

热门文章

Sass @at-root 指令用法示例

Sass@at-root指令示例

例子一

例子二

Sass @at-root 指令用法示例相关推荐

最新文章

热门文章

Sass`@at-root`指令示例