Sass 中还提供属性嵌套，CSS 有一些属性前缀相同，只是后缀不一样，比如：border-top/border-right，与这个类似的还有 margin、padding、font 等属性。假设你的样式中用到了：
.box {
border-top: 1px solid...
4年前 (2021-08-18)
喜欢
其实伪类嵌套和属性嵌套非常类似，只不过他需要借助&符号一起配合使用。我们就拿经典的“clearfix”为例吧：
.clearfix{
&:before,
&:after {
content:"";
display: ta...
4年前 (2021-08-18)
喜欢
假设我们有一段这样的结构：
<header>
<nav>
<a href=“##”>Home</a>
<a href=“##”>About</a>
<a href=“##”>...
4年前 (2021-08-18)
喜欢
Sass 中变量的作用域在过去几年已经发生了一些改变。直到最近，规则集和其他范围内声明变量的作用域才默认为本地。如果已经存在同名的全局变量，从 3.4 版本开始，Sass 已经可以正确处理作用域的概念，并通过创建一个新的局部变量来代替。
//SCSS
$color: orange...
4年前 (2021-08-18)
喜欢
在 Scss 中声明了变量之后，就可以在需要的地方调用变量。调用变量的方法也非常的简单。
$brand-primary : darken(#428bca, 6.5%) !default; // #337ab7
$btn-primary-color: #fff !default;
...
4年前 (2021-08-18)
喜欢
scss普通变量
$fontSize: 14px;
body{
font-size:$fontSize;
}
编译后的css代码：
body{
font-size:12px;
}
scss默认变量
scss 的默认变量仅需要在值后面加上 !default 即可...
4年前 (2021-08-18)
喜欢
Sass 的变量包括三个部分
声明变量的符号“$”
变量名称
赋予变量的值
$width:100px
...
4年前 (2021-08-18)
喜欢
marker.stationId ='123'
var marker = new BMap.Marker(new BMap.Point(data[i].lonX, data[i].latY), {
...
4年前 (2021-08-18)
喜欢
getdate() {
var that = this;
let date = new Date();
if (date.getHours() >= 0 && d...
4年前 (2021-08-18)
喜欢
嵌套输出方式 nested
展开输出方式 expanded
紧凑输出方式 compact
压缩输出方式 compressed
...
4年前 (2021-08-17)
喜欢
