我在CSS样式表中使用了几种 colored颜色 .例如

#testdiv{
  background: #123456;
}

是否可以按名称定义该 colored颜色 ,以便我可以在CSS表中引用它,如下所示?

#testdiv{
  background: COLORNAME;
}

推荐答案

更好的做法可能是定义一个CSS类,并在每个要指定 colored颜色 的元素上重用它,而不是将其编码到特定的元素.

如下所示:

.darkBackground {
   background: #123456;
}

.smallText {
   font-size: 8pt;
}

了解一个元素可以应用多个类也很有帮助,因此您可以将"常量"元素值拆分为单独的类,并根据需要应用多个类.

<div id="myDiv1" class="darkBackground smallText"></div>
<div id="myDiv2" class="darkBackground bigText"></div>

Css相关问答推荐

如何将bslib::card()中的扩展按钮移到右上方,其中full_screen = TRUE?

带高度的容器查询不工作,但可随宽度调整

当鼠标移到侧边栏之外时,如何防止shiny 仪表板侧边栏菜单中的 pickerInput 选项被切断?

SVG样式中的CSS类名是否是全局的?

flex-wrap 导致 children 身高加倍

弹性布局溢出时的换行符

使用带有 fr 单位的 calc 函数

Tailwind CSS: Select 单选按钮时不应用同行判断的边框

在 Tailwind css 中,间距对我不起作用

在 css Select 器中匹配 unicode char

创建一条淡出/在各个方向变得透明的线

将 CSS 注入 Shadow 根.然而风格正在受到影响

调整屏幕大小时无法让我的视频背景保持不变

使用css水平+垂直翻转/镜像图像

如何强制 div 出现在下方而不是旁边?

为什么 .class:last-of-type 不能按我的预期工作?

css3 nth 类型限制为类

CSS 块格式化上下文是如何工作的?

打印html时在页面上打印页码

CSS中伪元素前的&是什么意思?