-1

我正在构建一个必须完全在一个窗口之外运行的网站 - 它永远无法加载另一个页面。因此，我使用了大量的 JS 来交换屏幕上显示的内容，并且它实际上工作得很好。但是，我用完了好的选择器，我不希望我的样式表变得过长。所以，我想知道：是否可以通过将样式表放在div设置为的 a 中来禁用它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>

在这种情况下，哪些适用？我知道如果两者都被加载，第二个将是最新的，所以它将是被读取的那个。但是，假设div从一开始就完全没有着色。运行此脚本时会变红吗？

如果这不是禁用样式的可行解决方案，请告诉我是什么。

4

1 回答 1

0

理想情况下，您应该为每个“主题”使用单独的样式表。

然后，您只能在运行时加载正确的样式表，或者：

  • 使用javascript在头部创建/销毁css链接元素

  • 使用 javascript 将类添加到正文标记“红色”或“蓝色”等。然后让主题中的每个选择器都以该类名称开头：

    .blue .header { 背景：红色；}

于 2013-08-12T16:23:55.890 回答