首頁 >web前端 >css教學 >如何防止 LESS-CSS 覆寫 `calc()` 函數?

如何防止 LESS-CSS 覆寫 `calc()` 函數?

DDD
DDD原創
2024-12-08 20:32:15816瀏覽

How to Prevent LESS-CSS from Overwriting the `calc()` Function?

停用LESS-CSS 覆蓋calc() 函數

使用LESS-CSS 時,您可能會遇到calc() 函數被覆蓋的情況函數在編譯時被覆蓋,導致輸出不正確。為了解決這個問題,有一種技術可以禁用這種覆蓋。

解決方案:轉義字串

有效的方法是將 calc() 函數包含在轉義字串中。轉義字串透過在字串前後放置波形符 (~) 來表示。這種方法有效地指示 LESS-CSS 保留字串的內容而不進行任何更改。

例如:

編譯後,輸出:

隨選。

額外注意事項

如果您需要將 Less 數學合併到轉義字串中,則可以結合使用轉義字串和數學運算。例如:

這將編譯為:

記住,Less 預設用空格連接值(轉義字串和數學結果)。

以上是如何防止 LESS-CSS 覆寫 `calc()` 函數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn