嵌套属性

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

我们把嵌套用在样式的规则上面,这样可以减少撰写选择器里面的重复的部分 ... 另外,嵌套也可以用在样式的属性里面。比如这里你看到的样式。用到了 font-family ,font-size,font-weight ... 这些属性里面,font 是重复的部分 ... 在下面的样式里,border 是重复出现的东西 ..

使用属性嵌套,可以让它们更简洁一些 ... 先改造一下这个 body 里面的样式 ... 用一个属性的根 ... 这里就是 font ... 在它后面,要加上一个冒号 ... 表示这是属性的嵌套 ... 然后用一组花括号 .. 里面,可以直接使用属性的后半部分 ... family ,size ... 还有 weight ...

保存 ... 你会发现输出的结果是一样的 ...

再去改造一下 .nav 里面的样式 ... 在这里, 我们可以保留这里的第一条样式 ... 然后在它后面加上一组花括号 ... 里面,可以直接使用 left ,还有 right ...

保存 ... 编译好以后,会得到同样的结果 ... Sass 会把 border 拿出来,中间加上一个冒号,接着是被嵌套的属性,left ,还有 right ...

嵌套属性《 Sass 基础 》

统计

11228
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点