是否可以在CSS中定义变量？

Question

我正在学习CSS和HTML,我正在做一个简单的代码示例.在我的CSS中,我使用了许多样式的颜色,设置边框颜色或文本颜色!

我可以将此颜色定义为通用名称吗？我问这个问题,因为我认为如果我想稍后更改它就更容易改变1行!

例:

DEFINE MYCOLOR #000000

h1{text-color:MYCOLOR;}
#mydiv{background-color:MYCOLOR;}

我找到了这篇文章(是否有可能在css中定义常量？),但它不适用于我(因此它不重复),因为1个答案说使用类,但它没有用,因为我使用了MYCOLOR不同的属性,其他答案说使用CSS扩展.

是否可以使用纯CSS和HTML执行此操作？

(这是我的第一篇文章,很抱歉,如果它有点令人困惑......)

Answer 1

在编写样式表时,您需要一个SCSS预处理器来使用变量(或者 - 使用松散的术语 - 常量).

预处理器领域的两个主要参与者是:

• SASS(我个人最喜欢的,特别是与指南针一起使用时)

• 减

一些例子:

SASS(使用scss语法):

$mycolor: #000000;

h1 { color: $mycolor; }

减

@mycolor: #0000000;

h1 { color: @mycolor; }

首先,我的建议是在Codepen或CSSDeck (两者都提供SASS/LESS实时编译)中同时使用它来感受语法.

预处理器还为您提供更多的程序设计,如mixins和控制结构.警告:一旦开始预处理,就很难回头:)

Answer 2

不，纯 CSS 不会为您提供这样的功能。

如果您需要该功能，则需要使用Less 之类的东西。