码迷,mamicode.com
首页 > 其他好文 > 详细

Sass-除法

时间:2018-05-26 10:49:45      阅读:889      评论:0      收藏:0      [点我收藏+]

标签:部分   回忆   另一个   编译   生效   inf   符号   规则   简单   

Sass的乘法运算规则也适用于除法运算。不过除了除法运算还有一个特殊之处。众所周知“/”符号在css中已作为一种符号使用,因此在sass中做除法运算时,直接使用"/" 符号作为除号时,将不会生效,编译时既得不到我们需要的效果,也不会报错。一起先来看简单的示例:

技术分享图片

这样的结果对于大家来说没有任何意义。要修正这个问题,只需要给运算的外面添加一个小括号( )即可:

技术分享图片

除了上面情况带有小括号,“/”符号会当作除法运算符之外,如果“/”符号在已有的数学表达式中时,也会被认作除法符号。如下面示例:

技术分享图片

另外,在 Sass 除法运算中,当用变量进行除法运算时,“/”符号也会自动被识别成除法,如下例所示:

技术分享图片

综合上述,”/  ”符号被当作除法运算符时有以下几种情况:

?    如果数值或它的任意部分是存储在一个变量中或是函数的返回值。
?    如果数值被圆括号包围。
?    如果数值是另一个数学表达式的一部分。

如下所示:

技术分享图片

Sass 的除法运算还有一个情况。我们先回忆一下,在乘法运算时,如果两个值带有相同单位时,做乘法运算时,出来的结果并不是我们需要的结果。但在除法运算时,如果两个值带有相同的单位值时,除法运算之后会得到一个不带单位的数值。如下所示:

技术分享图片

 

Sass-除法

标签:部分   回忆   另一个   编译   生效   inf   符号   规则   简单   

原文地址:https://www.cnblogs.com/qjuly/p/9091846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!