Sass进阶篇_技术问答

首页免费课 Sass进阶篇问答

Sass进阶篇

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass入门篇
中级·104427
免费课程
                                
玩转Bootstrap（JS插件篇）
中级·128648
免费课程
                                
玩转Bootstrap（基础）
初级·314544
免费课程
                                
十天精通CSS3
初级·242569
免费课程
                                
                难度中级
            
                时长 4小时55分
            
                学习人数
            
综合评分9.33
                            98人评价
                        查看评价
                                9.4
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.2
                                逻辑清晰

全部评论问答未解决精华

桔子桔子4070686

li{
width:index(1px solid red, red)#{px};

}

0 3-7 index()函数

2017-04-22

桔子桔子4070686

$list:zip(solid dashed dotted,1px 2px 3px,green blue red);

@for $i from 1 through 3{
.border#{$i}{
border:#{nth($list,$i)}
}
}

0 3-6 zip()函数

2017-04-22

桔子桔子4070686

$list:append((blue, green),red,space);

li{
width:nth($list,3);
}

0 3-5 append()函数

2017-04-22

桔子桔子4070686

$list:join(blue,(red orange),space);

li{
background:nth($list,2);
}

0 3-4 join()函数

2017-04-22

桔子桔子4070686

$list:border-bottom (4px solid blue) black;
.a{
width:nth($list,2)
}

0 3-3 nth()函数

2017-04-22

思如海

能说没看懂吗？

1 3-17 Sass Maps的函数-map-has-key($map,$key)

2017-04-20

if else if else

已采纳回答 / 东方既白233

可以的，@if {} @else if{}@else{}

1 回答 1347 浏览 1-2 @if

2017-04-19

写这么复杂如何维护？

最新回答 / 丁尼格菲

对于小项目可以直接用css写，如果大项目还是建议用sass或者less来写，这样写可以更加快捷，方便，调试的时候用google浏览器中的sourcemap工具可以调试sass，项目中不要吧sass文件删了，方便有更改样式和调试

1 回答 1212 浏览 3-11 unitless()函数

2017-04-19

慕标6505059

总算体面地学完了！

1 5-7 @error

2017-04-19

慕标6505059

用占位符写个兼容的CSS3滤镜不比这强。

1 4-6 HSL函数-lighten()

2017-04-19

语言本身没有解决浏览器兼容问题, 但是sass提供了解决浏览器兼容问题的方案, 比如, 在过去为了浏览器兼容需要为每个浏览器添加一条前缀的css, 这样每次写css都需要重复很多无用功, 有了 sass 之后, 你可以事先定义好一个占位符 %a 变量, 变量中包含了所有的带前缀的css属性, 当需要用到某个属性时直接调用 @extent %a, 一行搞定, 还可以重复利用, 这只是解决浏览器兼容问题的其中之一, 还有很多例子就不一一列举了

2 回答 841 浏览 4-2 RGB颜色函数-RGBA()函数

2017-04-19

思如海

.test1{
text:percentage(3);
}

竟然是300%

2 2-5 数字函数简介

2017-04-19

思如海

雪碧背景图其实都可以用到，只是雪碧图要做的标准些

0 1-6 @each循环

2017-04-19