zoukankan      html  css  js  c++  java
  • Sass基础(二)

    五、嵌套

      在Sass中,嵌套有三种方式:选择器嵌套、属性嵌套、伪类嵌套

        1、选择器嵌套  

        2、属性嵌套

      

        3、伪类嵌套

        

    六、混合宏

        当样式变得越来越复杂,需要重复使用大段的样式时,使用变量就无法达到目的了。这时候 Sass 中的混合宏就会变得非常有意义。

      

    七、扩展/继承/占位符

      在Sass中,同关键词“@extend”来继承已存在样式块

      

    八、插值

       插值可以让变量和属性工作很完美,但使用时具有局限性。

        语法格式:#{ XXX }   

        

    九、Sass的数据类型

      Sass的数据类型大致有六种:数字、字符串(有引号字符串和无引号字符串)、颜色、布尔型、控制、列表值(用空格或逗号分开)

      除了字符串和值列表,其他类型和JavaScript中用法一致。

      SassScript 也支持其他 CSS 属性值(property value),比如 Unicode 范围,或 !important 声明。然而,Sass 不会特殊对待这些属性值,一律视为无引号字符串 (unquoted strings)。

      1、字符串的使用

         SassScript支持CSS的两种字符串类型:

            * 有引号字符串

            * 无引号字符串
        注意:在编译 CSS 文件时不会改变其类型。只有一种情况例外,使用 #{ }插值语句 (interpolation) 时,有引号字符串将被编译为无引号字符串,

        这样方便了在混合指令 (mixin) 中引用选择器名。

            

      2、值列表的使用

      

    十、Sass基本特征 -- 运算

      程序中的运算是一件常事,但在CSS中,能进行运算的只有calc()函数,但在Sass中,可以做各种数学计算。 

      1、基本运算(加减乘除) 

      2、颜色运算

      

      3、字符运算

      

      

  • 相关阅读:
    java实现两个大数的相加
    转载:perl cpan 安装出现问题
    Linux下Clock skew detected的解决办法
    Object Builder Application Block
    Asp.Net MVC
    命名参数(转)
    (转)HTTP POST GET 本质区别详解
    jquery
    Introducing “Razor” – a new view engine for ASP.NET
    (转)全面讲解Oracle查询用户表空间
  • 原文地址:https://www.cnblogs.com/xlb-happymoment/p/7093207.html
Copyright © 2011-2022 走看看