Html 如何组合3个小主题css文件，然后单击选择一个
目前，我使用三个小的外部css文件来更改我网站的主题颜色，它们工作得很好。这些主题适用于我网站上的所有页面，并可供视力受损的用户使用。但是，我希望减少对服务器的请求数量 这三个文件是否可以合并为一个文件，并在选择时单独调用，方式与媒体查询类似Html 如何组合3个小主题css文件，然后单击选择一个,html,css,Html,Css,目前，我使用三个小的外部css文件来更改我网站的主题颜色，它们工作得很好。这些主题适用于我网站上的所有页面，并可供视力受损的用户使用。但是，我希望减少对服务器的请求数量 这三个文件是否可以合并为一个文件，并在选择时单独调用，方式与媒体查询类似 是的，您当然可以将它们合并到一个文件中，并且仍然可以单独应用每个主题 您可以在每个主题特定的样式前面加上特定的类。 然后，要在主题之间切换，可以将类应用于body元素 e、 g 然后，要应用主题，您需要在body元素上设置主题的类名： <body c
是的，您当然可以将它们合并到一个文件中，并且仍然可以单独应用每个主题 您可以在每个主题特定的样式前面加上特定的类。 然后，要在主题之间切换，可以将类应用于body元素 e、 g 然后，要应用主题，您需要在body元素上设置主题的类名：
<body class="theme1">
...
</body>
<button onclick="document.body.className = 'theme1';">Apply theme 1</button>
<button onclick="document.body.className = 'theme2';">Apply theme 2</button>
<button onclick="document.body.className = 'theme3';">Apply theme 3</button>
谢谢你的快速回复。斯蒂芬，谢谢你的快速回复。你的建议很好，但我认为它们只适用于个别页面。不幸的是，我的网站有20多个页面，我需要为视力受损的用户轻松地应用另一种主题颜色。然而，我会给你的建议一个尝试，看看他们是否可以向世界提出。再次感谢。约翰：是的，这工作做得很好。与加载外部样式表不同，您只需设置主体的类。无论你走哪条路线，你都必须把它应用到你所有的页面上。如果你想使用javascript动态地改变主题，这个选项也给了你更多的灵活性。我将在几页上尝试你的最新建议，也许还可以尝试一些javascript。非常感谢jl
<button onclick="document.body.className = 'theme1';">Apply theme 1</button>
<button onclick="document.body.className = 'theme2';">Apply theme 2</button>
<button onclick="document.body.className = 'theme3';">Apply theme 3</button>