首先，如果这是一个常见问题，我很抱歉，但我在 Google 上找不到任何内容，而且似乎没有过多记录。
我目前正在为自己制作一个作品集，展示我的平面设计和其他东西。我喜欢它的外观，但我确实意识到与其他网站相比它看起来很暗。尤其是导航栏中的文字也很小，但我不想更改它。
相反，我希望在页面底部有一个小的 iOS 样式开关，单击该开关会将用户带到相关页面的另一个版本，或者只是应用了不同 CSS 的版本。然后我可以将背景设置得更亮，文本更大，等等。简单但乏味的解决方案是将每个页面制作四次，一个是大字体和浅色背景，一个是黑色和小，等等。但这并不理想。我想知道我是否可以制作更像这样的东西:
portfolio.co.uk/home?light=on&text=big
据我所知，动态 URL(我相信它们的名称)是 PHP 的东西，但我对 PHP 的经验与没有 PHP 经验的人一样少。我想知道是否可以在不变得太复杂的情况下完成这项任务，是否有一种方法甚至可以创建一个 cookie，这样重复访问者就不必每次都导航到他们喜欢的版本。
谢谢!
最佳答案
使用查询字符串参数来确定加载哪个样式表。
基本上，创建一个始终加载的通用样式表，无论您使用的是哪个主题。然后，将特定于主题的规则放入单独的样式表中，并使用 PHP if 语句来确定要发送什么标记以加载适当的页面。
<head>
<link href="common.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $_GET["style"] == "iPhone" ? "iPhone" : "normal" ?>.css" rel="stylesheet" type="text/css" />
...
</head>
请注意，我使用 if-check(三元运算符 ? :)而不是直接使用查询字符串中的字符串，因为我想有一种方法可以在用户发送默认值时发送更改查询字符串并出错。如果您有多个要使用的主题，您可以设置一个 switch 语句并将适当的文件名存储在您在 link 标记中引用的变量中。
$stylesheet = "default";
switch ($_GET["style"]) {
case "iPhone": $stylesheet = "iPhone";
case "bigBold": $stylesheet = "bigBold";
}
<link href="<?php echo $stylesheet; ?>.css" rel="stylesheet" type="text/css" />
如何使用:
要将此代码添加到您的 PHP 页面中，请将开关代码放在页面顶部(或者更好的是，放在它自己的 included 文件中。
页面顶部
像这样设置您的页面:
<?php
$stylesheet = "default";
switch ($_GET["style"]) {
case "iPhone": $stylesheet = "iPhone";
case "bigBold": $stylesheet = "bigBold";
}
?>
<!DOCTYPE html>
<html>
<head>
<link href="common.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $stylesheet; ?>.css" rel="stylesheet" type="text/css" />
...
</head>
<body>
...
</body>
<html>
此代码需要添加到您想要使用替代样式的每个页面，因此更好的选择是将此代码分离到一个文件中，该文件可以包含在所有页面上。
作为包含文件
创建一个名为 stylesheetSelector.php 的文件并向其中添加以下代码:
<?php
$stylesheet = "default";
switch ($_GET["style"]) {
case "iPhone": $stylesheet = "iPhone";
case "bigBold": $stylesheet = "bigBold";
}
?>
然后，在您的 PHP 页面中:
<?php include_once('stylesheetSelector.php'); ?>
<!DOCTYPE html>
<html>
<head>
<link href="common.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $stylesheet; ?>.css" rel="stylesheet" type="text/css" />
...
</head>
<body>
...
</body>
<html>
在所有页面上执行此操作，然后，如果您决定添加其他主题，您只需将信息添加到 stylesheetSelector.php 文件中，它将在 的每个页面上可用>包括它。
注意:这需要在 .php 文件中完成，或者您的网络服务器需要使用 PHP 来处理 .html 文件，否则您将看到明文形式的 PHP 代码(它不会被解释)。
关于php - 使用动态 URL 到 'activate' 额外的 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11105451/