sass

sass语法

http://www.ruanyifeng.com/blog/2012/06/sass.html(更加实用)

1 基础介绍

sasst语法文件的后缀名scss

SCSS是sass3.0新特性,后缀名也是.scss

2 变量

变量使用和申明

  1. 通过"$"来声明一个变量

    $hightlight-color:#F90;

    2.引用

    $highlight-color:#F90;

    .selected{

    border:1px solid $highlight-color;

    }

    3.关于下划线和中线,尽量使用中线

3 嵌套css规则 (父子递进)

sass可以让你只写一遍,且使样式可读性更高,在sass中,可以向俄罗斯套娃那样在规则块中嵌套规则块。sass在输出css时会帮你帮这些嵌套规则处理好,避免重复写

#content {
  article {
    h1 { color: #333 }
    p { margin-bottom: 1.4em }
  }
  aside { background-color: #EEE }
}
 /* 编译后 */
#content article h1 { color: #333 }
#content article p { margin-bottom: 1.4em }
#content aside { background-color: #EEE }

3.1 父选择器的标识符&

全部评论

相关推荐

2025-11-29 17:56
门头沟学院 C++
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务