有没有办法在元素上强制执行外来风格？

Question

我正在制作一个带有演示页面的主题库。演示页面必须使用库中的样式（用于演示），但不使用整个元素。

例如，采用以下风格; （外部样式表）

div.major.minor { /* styling statements */ }

很明显，浏览器不匹配第一个div，因为这两个类都是必需的。当然，后者将匹配。

<div class="minor"> &nbsp; </div>
<div class="major minor"> &nbsp; </div>

但这是完全我想要实现的目标;也就是说，浏览器应该以某种方式忽略该样式以两个类为目标div，并将样式应用于第一个样式。

以下不可行，因为它不合逻辑＆＃39;将额外的选择器放在库中只是为了在演示页面中使用它们。

div.major.minor, div.demo.minor { /* styling statements */ } 

该解决方案甚至可以使用JavaScript，但不要求只使用HTML / CSS。任何解决方法都可以。

作为最后的手段，（如果找不到更好的解决方案）我将在库的一个额外样式表中复制我想要的样式。但我当然希望避免这种情况，因为涉及到很多重复的代码。

感谢您的帮助:)

Answer 1

由于你正在处理的样式表将成为一个库，你最好不要把它弄乱为你的演示页面的样式。

这是两个独立的事情，一个单独的CSS文件将确保一切按计划进行。任何其他东西都需要比真正值得更多的努力，这可能会让事情变得艰难。