zoukankan      html  css  js  c++  java
  • scss

    变量

    sass的变量必须是$开头,后面紧跟变量名,而变量值和变量名之间就需要使用冒号(:)分隔开(就像CSS属性设置一样),如果值后面加上!default则表示默认值。

    全局变量

    在变量值后面加上!global即为全局变量。这个目前还用不上,不过将会在sass 3.4后的版本中正式应用。目前的sass变量范围饱受诟病,所以才有了这个全局变量。

    选择器嵌套

    所谓选择器嵌套指的是在一个选择器中嵌套另一个选择器来实现继承,从而增强了sass文件的结构性和可读性。在选择器嵌套中,可以使用&表示父元素选择器

    #top_nav{
    line-height: 40px;
    text-transform: capitalize;
    background-color:#333;
    li{
    float:left;
    }
    a{
    display: block;
    padding: 0 10px;
    color: #fff;

    &:hover{
    color:#ddd;
    }
    }
    }

    //css style
    //-------------------------------
    #top_nav{
    line-height: 40px;
    text-transform: capitalize;
    background-color:#333;
    }
    #top_nav li{
    float:left;
    }
    #top_nav a{
    display: block;
    padding: 0 10px;
    color: #fff;
    }
    #top_nav a:hover{
    color:#ddd;
    }

  • 相关阅读:
    Java学习心得16
    Java学习心得15
    Java学习心得14
    Java学习心得13
    Java学习心得12
    Java学习心得11
    Java学习心得10
    Java学习心得09
    Java学习心得08
    JVM垃圾回收
  • 原文地址:https://www.cnblogs.com/ruimeng/p/4660300.html
Copyright © 2011-2022 走看看