相关疑难解决方法(0)

我正在研究一个很长的CSS文件.我知道客户端可能会要求更改配色方案,并且想知道:是否可以为变量指定颜色,以便我可以更改变量以将新颜色应用于使用它的所有元素？

请注意,我无法使用PHP动态更改CSS文件.

这个问题是关于在.css文件中组织实际的CSS指令.在开发新页面或一组页面时,我通常只是手动将指令添加到.css文件中,尽可能尝试重构.过了一段时间,我有数百(或数千)行,在调整布局时很难找到我需要的东西.

有没有人对如何组织指令有建议？

• 我应该尝试自上而下组织,模仿DOM吗？
• 我应该在功能上进行组织,将支持UI相同部分的元素的指令放在一起吗？
• 我应该按选择器按字母顺序排序所有内容吗？
• 这些方法的某些组合？

另外,在将文件分成单独的文件可能是个好主意之前,我应该在一个文件中保留多少CSS？说,1000行？或者将整个事物放在一个地方总是一个好主意？

相关问题:组织CSS规则的最佳方法是什么？

可能重复:
在.CSS文件中创建一个变量,以便在该.CSS文件中使用

我听说我们可以在CSS中声明/定义变量并像使用全局变量一样使用它们:

@nice-blue: #5B83AD;

#header { color: @nice-blue; }

所以任何人都知道如何使用它们？

是否有任何有用的技术可以减少CSS文件中常量的重复？

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

我刚刚完成了一个中型网站，我注意到我的 CSS 组织的一件事是我在整个网站中有很多硬编码的颜色值。这显然不利于可维护性。一般来说，当我设计一个网站时，我会为主题选择 3-5 个主要颜色。我最终在主 css 的开头为段落、链接等设置了一些默认值，但某些组件会更改颜色（例如图例标签）并要求我使用我想要的颜色重新设置样式。你如何避免这种情况？我正在考虑为每种颜色创建单独的规则，并在需要重新设计样式时使用这些规则。

IE

.color1 {
    color: #3d444d;
}