首页 > 代码库 > sass折腾
sass折腾
1
$blue : #1875e7;
div {
color : $blue;
}
2
可以嵌套
div {
hi {
color:red;
}
}
border-color
p {
border: {
color: red;
}
}
a {
&:hover { color: #ffb3ff; }
}
3 可以继承
@extend
.class1 {
border: 1px solid #ddd;
}
.class2 {
@extend .class1;
font-size:120%;
}
4Mixin代码块
@mixin left {
float: left;
margin-left: 10px;
}
使用include调用
div {
@include left;
}
5 外部调用
@import "path/filename.scss";
sass折腾
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。