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 · 395 阅读 · 0 评论 -
scss - 基础用法1
比如 font-family如果需要导入 SCSS 或者 Sass 文件,但又不希望将其编译为 CSS, font-size, font-weight 都以 font 作为属性的命名空间。原创 2019-11-13 18:24:05 · 155 阅读 · 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 · 158 阅读 · 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 · 4772 阅读 · 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 · 2780 阅读 · 0 评论