避免在CSS中重复的常量

前端之家收集整理的这篇文章主要介绍了避免在CSS中重复的常量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有什么有用的技术来减少CSS文件中常量的重复?

(例如,一堆不同的选择器应该都应用相同的颜色,或相同的字体大小)?

解决方法

元素可以属于多个类,所以你可以这样做:
.DefaultBackColor
{
    background-color: #123456;
}
.SomeOtherStyle
{
    //other stuff here
}
.DefaultForeColor
{
    color:#654321;
}

然后在某个地方的内容部分:

<div class="DefaultBackColor SomeOtherStyle DefaultForeColor">Your content</div>

这里的弱点是它在身体上变得很冗长,而且你不大可能只能把它列出一次.但是你可能只能做两三次,你可以将这些颜色分组在一起,也许在自己的表格中.现在,当你想改变配色方案时,他们都在一起,变化很简单.

但是,是的,我最大的抱怨CSS是无法定义你自己的常量.

猜你在找的CSS相关文章