sass基本语法

1.
image.png

2.
image.png

3.占位符选择器%xx ,使用@extend
image.png

4.变量(:root和body是全局,.header是局部)


image.png

使用:
image.png
$color:red;

5.@extend(可用占位符,避免生成不需要的类名)


image.png

image.png

三元条件


image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.变量 SASS允许使用变量,所有变量以$开头。 如果变量需要镶嵌在字符串之中,就必须需要写在#{}之中。 默认...
    luichooy阅读 4,048评论 0 1
  • CSS的预处理 CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目...
    左耳击水兽阅读 2,801评论 0 0
  • 基础 声明变量 普通变量 默认变量 变量覆盖:只需要在默认变量之前重新声明下变量即可 变量的调用 局部变量和全局变...
    Jill1231阅读 5,117评论 0 1
  • 写在前面的话 本文所有语法格式是基于SCSS格式的 scss 和 sass语法的相互转换 编译 命令行编译 GUI...
    xoyoz阅读 13,359评论 2 13
  • 什么是CSS预处理器 CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一...
    青青玉立阅读 4,870评论 0 0

友情链接更多精彩内容