sass的嵌套

Posted lishch

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了sass的嵌套相关的知识,希望对你有一定的参考价值。

sass的嵌套包括两种:

1、选择器的嵌套。(最常用到)

指的是在一个选择器中嵌套另一个选择器来实现继承,从而增强了sass文件的结构性和可读性。 在选择器嵌套中,可以使用&表示父元素选择器

scss.style

技术分享图片

css.style

技术分享图片


 2、属性嵌套

指的是有些属性拥有同一个开始单词,如border-width,border-color都是以border开头。

scss.style

技术分享图片

css.style

技术分享图片

以上是关于sass的嵌套的主要内容,如果未能解决你的问题,请参考以下文章

Sass--嵌套选择器

Sass 嵌套规则

sass的嵌套

如何使用媒体查询或运算符使 SASS 嵌套嵌套媒体查询工作

sass语法嵌套规则与注释讲解

使用 SASS 嵌套的优点