将不同的级联样式表应用于同一个html页面

Question

要将CSS应用到现有的html页面，我需要添加一个链接到css文件的链接，我被要求在我正在构建的网页中包含一个链接到同一个html页面但是有一个链接的链接不同的css文件，我想我需要创建一个不同的css文件，然后通过复制第一页的确切内容创建另一个.html页面，只更改css文件的链接，但它看起来不那么有效我假设应该有一个标准的方法来做到这一点。

感谢

Answer 1

您可以使用JAVAscript来记录。编写链接

Answer 2

如果您可以使用像PHP这样的服务器端语言，我会这样做：

<?php

   $allowed_stylesheets = array("red", "white", "blue", "green", "mobile");
   $default_stylesheet = "red";

   $stylesheet = 
   (in_array($_GET["stylesheet"]) ? $_GET["stylesheet"] : $default_stylesheet);

?>

<link rel="stylesheet" type="text/css" href="<?php echo $stylesheet; ?>">

然后您就可以调用您的页面，并像这样切换样式表：

www.example.com/page.php?stylesheet=mobile

请注意，要在PHP中运行.html页面，可能需要一些服务器设置，默认情况下，只有.php个页面在PHP中解析。根据您的情况，这可能比它的价值太麻烦。但是，我不知道任何纯HTML方式可靠地切换样式表。

此外，每次调用页面时都必须重复样式表命令。