如何根据可用性应用CSS类？

我正在构建一个插件，它被许多在线商店使用。当用户使用我的插件时，他可以在他的商店中生成一个模板。每个商店将使用自己的主题

现在问题来了。一些主题使用.page width类来确定容器宽度。有些正在使用.wrapper类，而.page width在css文件中不可用。我相信。页面宽度通常比。包装器广泛使用

如何设置容器的类？如果我只使用

，主题有两个类，包装器类会破坏布局吗？或者我应该使用我自己定义的.page width类来覆盖原始的

---

因为有一百多个主题。我不知道如何最适合不同的主题。

您可以使用的一种可能性是为“碰撞”元素设置样式

对于具有类页面宽度的元素，它将被应用（当然）

---

对于具有这两个类的元素，选择器的优先级（2个类）高于仅具有.wrapper的选择器，并且也将被应用。

看看这个问题：如果站点对这两个类都有定义，并且它们是不同的，那么是，您可能没有获得正确的宽度。一种常见的方法是在所有类前面加上特定于主题的字符串。所有Css框架都这样做，以避免名称空间冲突。查看这个stackoverflow线程了解一些想法：@HansSpieß我不认为我可以用主题名作为类的前缀。有太多的主题。。。我不想避免名称空间冲突，而是想使我的模板适应原始的主题设计。如果我能以某种方式重用现有的类，我的模板样式就可以适应原始的主题设计。

.page-width, .page-width.wrapper {
    width: 500px;
}