举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > sass如何使用 3-1. 使用SASS部分文件

sass如何使用 3-1. 使用SASS部分文件

2023-06-18 02:31 Sass教程

sass如何使用 3-1. 使用SASS部分文件

sass如何使用 3-1. 使用SASS部分文件

sass如何使用

当通过@importsass样式分散到多个文件时,你通常只想生成少数几个css文件。那些专门为@import命令而编写的sass文件,并不需要生成对应的独立css文件,这样的sass文件称为局部文件。对此,sass有一个特殊的约定来命名这些文件。

此约定即,sass局部文件的文件名以下划线开头。这样,sass就不会在编译时单独编译这个文件输出css,而只把这个文件用作导入。当你@import一个局部文件时,还可以不写文件的全名,即省略文件名开头的下划线。举例来说,你想导入themes/_night-sky.scss这个局部文件里的变量,你只需在样式表中写@import "themes/night-sky";

局部文件可以被多个不同的文件引用。当一些样式需要在多个页面甚至多个项目中使用时,这非常有用。在这种情况下,有时需要在你的样式表中对导入的样式稍作修改,sass有一个功能刚好可以解决这个问题,即默认变量值。

阅读全文
以上是鳄鱼CMS为你收集整理的sass如何使用 3-1. 使用SASS部分文件全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
  • sass嵌套规则 Sass 嵌套属性

    sass嵌套规则 Sass 嵌套属性

    2023-06-15 Sass教程

    描述使用嵌套属性可以避免重写CSS多次。例如,使用 font 作为使用一些属性(例如font-family,font-size,font-weight和font-var...

  • sass @mixin Sass Mixin参数

    sass @mixin Sass Mixin参数

    2023-05-27 Sass教程

    描述SassScript值可以作为mixin中的参数,当mixin包含在mixin中时可以作为变量传递。参数是一个变量的名称,在定义mixin时用逗号...

  • css缩小 LESS 减小CSS大小

    css缩小 LESS 减小CSS大小

    2023-04-06 Less教程

    描述Extend用于将选择器移动到要使用的属性,这有助于减少css生成的代码。例子下面的示例是减少LESS文件中的css大小:extend_syn...

  • 后缀为less LESS 扩展“all”

    后缀为less LESS 扩展“all”

    2023-05-19 Less教程

    描述当最后在扩展参数中标识关键字 all 时,LESS将该选择器作为另一个选择器的一部分。 匹配的选择器部分将被extend替换,形成一...

  • less选择器用法 Less 选择器

    less选择器用法 Less 选择器

    2023-06-08 Less教程

    描述选择器可以引用任何变量,它是在编译时构建的。变量名称必须放在用@符号前缀的花括号({})内。例子下面的例子演示了在LESS...

© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们