将不同的层叠样式表应用到相同的html页面

要将CSS应用到现有的html页面我需要添加一个链接到css文件的链接，我被要求在我正在构建的网页中包含一个链接将链接到相同的HTML页面，但与一个不同的CSS文件，我想我需要创建一个不同的CSS文件，然后创建另一个.html页面通过从第一页复制确切的内容，只改变CSS文件的链接，但它似乎并不高效，我假设应该有一个标准的方法来做到这一点。将不同的层叠样式表应用到相同的html页面

感谢

来源

2010-03-27 Noona

您是否在使用任何形式的服务器端脚本？（即PHP，Perl，ASP.NET，JSP等） – Oded 2010-03-27 10:00:33

您可以使用JavaScript来documet.write链接

来源

2010-03-27 09:59:29 Anon

如果你可以像使用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

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

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

来源

2010-03-27 10:03:03

不，我不应该使用脚本语言，这是否意味着唯一的方法是复制html页面内容并更改css链接？作为参考，这是“指向另一个XHTML页面的确切要求，该页面与您的主页具有完全相同的内容，但使用不同的CSS（这是通过包含此链接的副本，具有到它自己的链接）。有了这两个副本，我们想检查内容和样式之间的分离“，谢谢 – Noona 2010-03-27 10:16:48

@Noona我想你可以用Javascript做到这一点，但我认为这是一个次优的解决方案，因为它不适用于人与Javascript关闭。我想不出一个纯粹的HTML解决方案，它不需要你有两个不同的HTML文件。我将这个问题作为一个更新添加了没有服务器端语言的要求，也许有人提出了我没有想到的想法。 – 2010-03-27 10:31:08

@Noona看起来像你的任务几乎要求你使用不同的样式表制作另一个HTML页面。听起来像一个学校项目，所以只需复制和粘贴。 – JKirchartz 2010-03-27 14:40:10

将不同的层叠样式表应用到相同的html页面

回答

相关问题