我的问题是我的页面中有几个 div。都有相似颜色的标题。现在,如果我必须更改所有 div 的颜色(例如背景颜色),我必须更改尽可能多的 div。难道不能只在一个地方(比如在一个变量中)更改或说写颜色代码,然后将该变量用作所有这些 div 的嵌入式样式中的颜色值。类似于 javascript 实体。
最佳答案
如果您需要 CSS 中的变量,您可能需要查看 CSS 预编译器(这是正确的术语吗?),例如 Sass ,它在服务器端执行此操作并减轻了在多个规则集中重复使用许多不同颜色的痛苦。
否则,在开发时,请尝试将您的 CSS 文件拆分为单独的组件,例如 typography.css
、color.css
等,以帮助更好地组织它们。在开发完成后您仍然希望将它们组合起来以获得更好的性能,但这样做确实有助于使事情更整洁。
最后,您始终可以像这样定义大型规则:
#header, #footer, #nav, #sidebar {
color: orange; /* I like orange! */
}
这会在一定程度上减少冗余。使用 Javascript 进行样式和展示只能作为最后的手段; 总有工具可以让您的 CSS 保持整洁;你只需要使用它们。
关于javascript - 想一次性多处变色!,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3904387/