frost-craft/frost-zx.github.io
1
0
Fork 0
Code Activity

docs: 更新文章内容

Browse Source
This commit is contained in:
Frost-ZX
2025-10-13 10:20:34 +08:00
parent 6e549d6b49
commit afea227c37
108 changed files with 1439 additions and 921 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/content/use-css-function-in-less.md
View File

@@ -1,5 +1,5 @@
---
title: 在 Less 中使用与 Less 内置函数同名的原生 CSS 函数
title: "在 Less 中使用与 Less 内置函数同名的原生 CSS 函数"
date: 2025-02-11T20:47:17Z
lastmod: 2025-02-20T22:58:47Z
tags: [Web 前端,CSS,Less]
@@ -15,13 +15,13 @@ tags: [Web 前端,CSS,Less]
## 问题描述
在原生 CSS 中有以下的函数：`calc()`、`max()`、`min()` 等，而在 Less 中也有同名的函数，使用的时候可能会冲突，无法得到需要的结果。
在原生 CSS 中有以下的函数：`calc()`​、`max()`​、`min()` 等，而在 Less 中也有同名的函数，使用的时候可能会冲突，无法得到需要的结果。
对于 `calc()`，Less 进行了处理，不会对数学表达式进行计算。
![image](assets/network-asset-3280690-20231008174044281-2111528680-20250212095025-si5gtja.png)
但如果其中包含变量或嵌套的函数，则会进行计算。例如 `calc()` 和 `max()` 嵌套使用的时候：
但如果其中包含变量或嵌套的函数，则会进行计算。例如 `calc()`​ 和 `max()` 嵌套使用的时候：
```css
.element {
@@ -37,7 +37,7 @@ tags: [Web 前端,CSS,Less]
## 如何解决
这时可以使用 Less 的转义字符：在字符串前加上一个 `~` 符号，并将需要转义的字符串放在 `""` 或 `''` 中。
这时可以使用 Less 的转义字符：在字符串前加上一个 `~`​ 符号，并将需要转义的字符串放在 `""`​ 或 `''` 中。
![image](assets/network-asset-3280690-20231008175104706-2112146183-20250212095025-306tf8i.png)