我正在构建一个插件，它被许多在线商店使用。当用户使用我的插件时，他可以在他的商店中生成一个模板(像这样的示例(。每家商店都将使用自己的主题。
现在问题来了。某些主题正在使用.page width类来确定容器宽度。有些正在使用.wapper类，而.css文件中不提供.页面宽度。我相信.页宽比一般的.包装器使用得更广泛。
如何设置容器的类？如果我只使用<div class='page-width wrapper'>，并且主题有两个类，那么包装器类会破坏布局吗？或者我应该使用我自己定义的.页宽类来覆盖原来的？
既然有一百多个主题。我不知道如何最适合不同的主题。
您可以使用的一种可能性是也为"碰撞"；元件
.page-width, .page-width.wrapper {
width: 500px;
}
对于类页面宽度的元素，它将被应用(当然(。
对于同时具有这两个类的元素，选择器的优先级(2个类(高于仅具有.wapper的选择器，并且也将被应用。