Question

我正在学习外部CSS。

我有一个正在运行的CSS文件。页面使用背景图像和内容颜色。

我想使用不同的内容颜色作为照片的背景 - 大约是网站中的1/2页面。我希望它在Ext CSS（不是页面样式）中，以防我想要在将来更改颜色。

除了内容颜色之外，CSS中的所有其他内容对所有页面都相同时，最佳做法是什么？

请给一所小学＆＃39;回答告诉我到底我需要做什么。我还在学习术语，所以你的清晰度对我很有帮助。

谢谢。

Answer 1

最好的方法是使用SASS和变量。

另一个解决方案（纯css）是创建一个body类来确定你的主题。

示例：

<body class="theme1"> or <body class="theme2">

然后设置你的CSS：

.theme1 .my-div
.theme2 .my-div

使用您的主题颜色

Answer 2

以这种方式保持：

.color1{
      color: #000000;}
.color2{
      color: #ffffff;}

您可以将color1和color2命名为任意内容，并将这些样式保存在css文件中。在您想要的地方使用这些类：

<button class="color1">Good Button</button>

您可以更改颜色值，并反映无处不在。