我知道这与编码问题无关,但在我开始处理该场景之前,我想获得一些指导。
该方案是提供更改页面主题的选项。我决定的是,为多个元素提供通用类,例如
- 页面所有主要标题的 h1 标签
- 页面所有图像的 .image 类
- 页面内容的 p 标签的类
- 等等....
因此,我将使用这些具有不同颜色的类名创建多个样式表。
但是困难在于每个元素的定位。我坚持为每个元素提供内联样式来定义与位置相关的东西。例如
.image {border:grey solid 1px /*this border color will be different in each stylesheet*/}
<div class="image" style="float:right; margin:6px"><img src="" /> </div>
因此,像这样,所有其他元素都将具有内联 css 用于对齐目的。
您认为这是实现主题场景的最佳方式吗?
PS - 用户有权自定义主题。(我们正在提供编辑面板)。这实际上不是网页,它是一个产品模块(就像我们如何更改 Powepont 图形和图表的颜色一样)。