![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
sass
Ammy米
这个作者很懒,什么都没留下…
展开
-
scss -指令@import@media@extend@extend-Only@at-root
@import 通常,@import 寻找 Sass 文件并将其导入,但在以下情况下,@import 仅作为普通的 CSS 语句,不会导入任何 Sass 文件 文件拓展名是 .css; 文件名以 http:// 开头; 文件名是 url(); @import 包含 media queries。 分音 (Partials): 如果需要导入 SCSS 或者 Sass 文件,但又不希望将其编译为 C...原创 2019-11-14 10:56:09 · 408 阅读 · 0 评论 -
scss - 基础用法1
比如 font-family如果需要导入 SCSS 或者 Sass 文件,但又不希望将其编译为 CSS, font-size, font-weight 都以 font 作为属性的命名空间。原创 2019-11-13 18:24:05 · 158 阅读 · 0 评论 -
scss输出css的格式
:nested(嵌套 ) 选择器根据html结构 缩进 #main { color: #fff; background-color: #000; } #main p { width: 10em; } .huge { font-size: 10em; font-weight: bold; text-decoration: underline; } :expande...原创 2019-11-14 10:45:44 · 164 阅读 · 0 评论 -
scss-混合@mixin @include @function
@mixin定义 @mixin large-text { font: { family: Arial; size: 20px; weight: bold; } color: #ff0000; } 父选择器 @mixin clearfix { display: inline-block; &:after { content: "."; ...原创 2019-11-14 10:38:44 · 4790 阅读 · 0 评论 -
scss- 条件语句 循环语句使用
@if @else if @else $type: monster; p { @if $type == ocean { color: blue; } @else if $type == matador { color: red; } @else if $type == monster { color: green; } @else { color: ...原创 2019-11-13 18:39:42 · 2821 阅读 · 0 评论