為什麼在使用LESS 除法計算時會出問題

2022-07-04 10:30:12 字數 1640 閱讀 5101

hello,各位小夥伴們好,最近一直有小夥伴問我為什麼寫less的時候,發現除法有了問題,在生成的css檔案中,不給我們輸出正確結果了。

直接拋結論:

less 版本公升級,easyless外掛程式 新版本跟隨,不支援直接除法運算子引起的

解決方案:

除法寫法變化  ./   或者    加上小括號(推薦)

2. less版本變化

最新的版本less 進入 4.0時代。

less關於除法有哪些變化呢?

來看下less 官網解釋:

less 官網解釋

劃紅線部分翻譯下(我也是有道翻譯的,嘿嘿)

parents -division(4.0預設)-使用/運算子在括號外不執行除法(但可以使用  ./ 運算子  ./  在括號外強制執行除法)

簡單解釋:

1. 就是 進入4.0版本後, 除法運算子如果在括號外面,不把他當人。。不是,當除法運算子看了。

2. 如果在小括號內可以看做是除法運算, 或者 使用 ./ 強制做除法運算

2. easy less 版本問題

雖然less因為版本有問題,但是好多同學發現自己vscode通過esayless編譯沒啥問題呢?

是因為easy less 版本問題的,在一些老版本能給正常編譯的。

但是新版的easy less (最新 v1.7.2) 就無法編譯了。來pink老師給大家解釋下原因。

less 4.0 模式是 always模式。

easyless 從 1.7.0開始支援的也是  4.0 的 always模式,簡單說,就是跟隨了最新的less版本。

好了就解釋到這裡了。

最後做個總結:

less 最新版本不支援直接寫 / 做為除法運算。

easyless 外掛程式新版本跟隨less 變化,因此無法直接編譯除法

解決方案: 加上小括號即可。  比如     width: (100px / 10);
同學們發現,很多解決方案很簡單,但是為什麼會這樣,反而更麻煩,所以,學習道路學無止境呀~~~

感謝各位小夥伴,如果有錯誤的地方還請各位同學給予批評指正哈~~~

為什麼在定義hashcode時要使用31這個數呢?

public int hashcode hash h return h 該函式是我看的函式介面原始碼,為什麼要使用31這個數呢?其實上面的實現也可以總結成數數裡面下面這樣的公式 s 0 31 n 1 s 1 31 n 2 s n 1 原因如下 a.31是乙個素數,素數作用就是如果我用乙個數字來乘以這...

為什麼在定義hashcode時要使用31這個數呢?

public int hashcode hash h return h 該函式是我看的函式介面原始碼,為什麼要使用31這個數呢?其實上面的實現也可以總結成數數裡面下面這樣的公式 s 0 31 n 1 s 1 31 n 2 s n 1 原因如下 a.31是乙個素數,素數作用就是如果我用乙個數字來乘以這...

為什麼選擇使用Sass而不是Less?

1 sass在市面上有一些成熟的框架,比如說compass,而且有很多框架也在使用sass,比如說foundation。2 就國外討論的熱度來說,sass絕對優於less。3 就學習教程來說,sass的教程要優於less。在國內less集中的教程是less中文官網,而sass的中文教程,慢慢在國內也...