我正在构建一个必须完全从一个窗口运行的网站 - 它永远不会加载另一个页面。因此，我使用了大量的JS来交换屏幕上显示的内容，而且它实际上工作得相当好。但是，我的选择器用完了，我不希望我的样式表变得过长。所以，我想知道：是否可以通过将样式表置于设置为div的{{1}}内来禁用样式表？
例如：
display:none在这种情况下，哪些适用？我知道如果两个都被加载，第二个将是最新的，所以它将是读取的那个。但是，让我们说<div style="display:none;">
<style type="text/css">
#my_image{
height:100px;
background-color:red;
}
</style>
</div>
<style type="text/css">
#my_image{
height:30px;
}
</style>
从一开始就没有着色。这个脚本运行时它会变红吗？
如果这不是禁用样式的可行解决方案，请告知我是什么。
答案 0 :(得分：0)
理想情况下，您应该为每个“主题”使用单独的样式表。
然后，您只能在运行时加载正确的样式表或：
使用javascript将一个类添加到body标签'red'或'blue'等等。然后让主题中的每个选择器都以该类名开头：
.blue .header {background：red; }