sass变量、嵌套、混合（mixin）、继承拓展、@import、comment(5/6)

本篇文章主要介绍了" sass变量、嵌套、混合（mixin）、继承拓展、@import、comment"，主要涉及到方面的内容，对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： 变量、嵌套、混合（mixin）、继承拓展、@import、comment变量的意义在sass里我们可以定义多个变量来存放颜色、边框等等的样式，这样就可以在下面想...

@mixin alert($color,$background) {color:$color;
    background-color:$background;
    a{color:darken($color,10%);//把颜色加深百分之十}}.alert-warning{
    @include alert(red,blue);}.alert-info{
    @include alert($background:red,$color:blue);}

------》

.alert-warning {color: red;
  background-color: blue;}
.alert-warning a {color: #cc0000;}.alert-info {color: blue;
  background-color: red;}
.alert-info a {color: #0000cc;}

继承拓展 extend

如果我们有一个选择器想要拥有另一个选择所有的东西，不管是样式还是子元素等等，可以使用@extend来继承

大家需要注意的是，++b继承a的时候，a的子元素设置了样式，也会给b的子元素设置样式++，达到完全一样的情况，例如：