故意设置无效的css属性

Posted 2023-03-25

【中文标题】故意设置无效的css属性

【英文标题】：Deliberately setting an invalid css property

【发布时间】：2022-01-06 07:42:13

【问题描述】：

我想故意设置一个带有字符串的 scss 变量作为属性值，这将被读取为无效，因此对我的 ui 没有影响。例如

$invalid: "thiswontwork";
.my-element  background: $invalid;  

该值将被视为无效并被忽略。 我知道如果在“lighten()”之类的函数中使用我的变量会引发错误。 是否有任何其他情况可以添加像“thiswontwork”这样的字符串作为我的属性值会导致问题？

【参考方案1】：

有多种情况。例如，我想提三个：

color content display

与background 一样，color 也会出现同样的错误。

关于content，CSS 语法不会有任何错误，但您可以明显看到它搞砸了。

使用显示，枚举值的集合就是你需要使用的。在这里它可能会抛出错误，display 的值无效。