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

【问题标题】：Applying different Cascade Style Sheets to the same html page将不同的级联样式表应用于同一个 html 页面
【发布时间】：2010-05-03 17:00:04
【问题描述】：

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

谢谢

【问题讨论】：

您是否在使用任何类型的服务器端脚本？（即 PHP、Perl、ASP.NET、JSP 等...）

标签： html css

【解决方案1】：

你可以用一个JAVAscript来documet.write一个链接

【讨论】：

【解决方案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 方式。

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

【讨论】：

不，我不应该使用脚本语言，这是否意味着这样做的唯一方法是复制 html 页面内容并更改 css 链接？作为参考，这是作业中的确切要求”链接到另一个 XHTML 页面，该页面与您的主页具有完全相同的内容，但使用不同的 CSS（这是副本，通过包含此链接，具有指向自身的链接） . 通过这两个副本，我们想检查内容和样式之间的分离”，谢谢
@Noona 我想你可以使用 Javascript 来做到这一点，但我认为这是一个次优的解决方案，因为它不适用于关闭 Javascript 的人。我想不出一个不需要您拥有两个不同 HTML 文件的纯 HTML 解决方案。我会在问题中添加没有服务器端语言的要求作为更新，也许有人想出了一个我没有想到的想法。
@Noona 看起来你的任务非常需要你用不同的样式表制作另一个 HTML 页面。听起来像是一个学校项目，所以只需复制和粘贴即可。