zoukankan      html  css  js  c++  java
  • sass继承+嵌套+条件控制

    简单继承:

    @extend 继承

    编译后

    关联属性继承:

    编译后

    链式继承:

    编译后

    伪类继承:

    编译后

    sass嵌套

    编译后

    相同的属性值前缀,也可以用嵌套

    编译后

    sass条件控制

    @if   @else if  @else

    编译后

    条件判断语句也可以写在外面

    编译后

    循环 

    @for $i from n1 through n2 (包括n2)

    @for $i from n1 to n2(不包括n2)

     编译后

    编译后

    使用for循环遍历数组list

    length(list) 获取数组长度

    编译后

    while循环

    用的官方demo,编译居然报错了

    好吧,原因是是$i: $i - 2 ,这个减号两边必须留空格!!!

    改变了我多年的编码风格,真难受……

     修改后:

     编译后

    使用each遍历map

    编译后

  • 相关阅读:
    运算优先级
    (5).plus(3).minus(2);
    画图
    函数的三种角色
    表格排序
    正则表达式
    call apply
    css文本属性和边框属性
    css颜色/字体/背景属性
    css选择器优先级及继承
  • 原文地址:https://www.cnblogs.com/chenyingying0/p/12592279.html
Copyright © 2011-2022 走看看