3

我正在寻找可以适应所有切换或选择网页上存在的样式表的不同方法，而无需注释多行代码，因为 CSS 中不允许嵌套注释。

背景：我正在尝试学习不同 css 表的不同效果，并希望交互对非开发人员来说是所见即所得。目前，我唯一发现的是：

<a href="javascript:var%20i=0;if(document.styleSheets.length>0)
{cs=!document.styleSheets[0].disabled;
    for(i=0;i<document.styleSheets.length;i++)
        %20document.styleSheets[i].disabled=cs;};
    void(cs=true);">Toggle stylesheet</a>

我对 HTML、JS、Java、JQuery 或 CSS 实现持开放态度。

澄清- 可以使用 JQuery 选择样式表吗？因为如果可以选择它们，这似乎是可能的。

对于那些一直关闭这个帖子的人，给我一些反馈怎么样，这样我就可以满足你的需求，而不是仅仅关闭这个帖子。如果您不知道，当您关闭它时，它会将我发送到常见问题解答页面，而不是您的反馈，我不知道要更改什么。另外，根据我的通知，还有其他人在回答，但是当我回到帖子时，我看不到它，因为它已关闭，并且通知仅包含前几个单词，所以它们不是很有帮助。

4

5 回答 5

2

我会使用Firefox Web Developer 插件。有一个 CSS 菜单可让您禁用和重新启用单个样式表。我相信这个插件也适用于 Chrome。它还允许您实时编辑 CSS。它为 Web 开发人员提供了许多很棒的工具。

于 2012-06-19T18:13:32.747 回答
2

我使用 Firefox 作为我的“主要”浏览器，绝妙的 Firebug 插件将允许您在这些样式表中切换样式表或特定的 CSS 属性。

在此处阅读有关 Firebug CSS 处理的更多信息

于 2012-06-19T18:14:05.710 回答
2

Chrome 开发者工具非常适合切换 CSS 样式，甚至添加样式，同时在页面上实时查看更改。

要使用，请在 Chrome 中打开您的页面，右键单击要检出的页面部分，然后选择“检查元素”。

于 2012-06-19T18:17:50.120 回答
2

您正在寻找这些方面的东西： http ://www.cssnewbie.com/simple-jquery-stylesheet-switcher/

可以的东西，当点击使用不同的样式表切换href=""标签<link>时，上面的链接将完全按照提到的那样做。

于 2012-06-19T19:17:32.180 回答
1

您是否知道大多数现代浏览器都有一个“页面样式”菜单项，可让您从页面作者提供的样式表列表中选择页面的活动样式表？在 Firefox 中是View > Page Style. 不确定它在 Chrome 或 IE9 中是什么，但在这些中应该不难找到。

于 2012-06-19T18:44:22.210 回答