html - 使链接调用目标文档上的特定 CSS 样式表

标签 html css

快速了解我拥有什么以及我想做什么:

  • MASTER 页面有一个下拉菜单,其中包含四个指向相应登录页面的链接。登录 --> 4 个链接( child 、青少年、成人、老年人)
  • 只有 1 个登录页面包含 4 个 css 样式表,具体取决于您是哪种类型的人( child 、青少年、成人、老年人)
  • 我希望母版页上的链接能够将用户立即带到具有正确 css 样式表的登录页面。

  • 我知道如何让它在登录页面上运行,但不知道如何从不同页面上的链接调用特定的 css 样式表。

欢迎任何帮助!

最佳答案

我想你需要一个 url 参数和 switch 函数... 在 PHP 中,您可以使用它:

<?php
$page = $_GET['page'];
switch($page){
case"children":
  $style_link = "<link href="CHILDREN LINK STYLESHEET" rel="stylesheet"/>";
break;
case"teenagers":
  $style_link = "<link href="TEENAGERS LINK STYLESHEET" rel="stylesheet"/>";
break;
case"adults":
  $style_link = "<link href="ADULTS LINK STYLESHEET" rel="stylesheet"/>";
break;
case"seniors":
  $style_link = "<link href="SENIORS LINK STYLESHEET" rel="stylesheet"/>";
break;
}
?>

然后将其打印在您的 html 代码中:

<html>
   <head>
   <?php echo $style_link;?>
   </head>
........
</html>

然后不要忘记将 url 参数添加到每个下 zipper 接:

www.your-site.com/login.php?page=children www.your-site.com/login.php?page=adults ... 等等

关于html - 使链接调用目标文档上的特定 CSS 样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13156117/

相关文章:

html - 输入区域中的文本换行 (HTML)

javascript - 如何同时滚动 iframe 和父页面?

javascript - 使用 Javascript 仅隐藏边框的一侧

javascript - jQuery - 隐藏一个特定的 div 直到另一个被点击,当 div 悬停时再次隐藏那个 div

css - 显示固定 'modal' div 时的页面切换

javascript - Angular JS ng-repeat 在一个文本区域元素中

jquery - 当我单击一个事件选项卡时,我希望所有选项卡都出现。之后,当我单击我想要的选项卡时,我希望所有其他选项卡消失

html - Semantic-UI:为什么 Body 的视口(viewport)大小不一样?

javascript - 将叠加层的内容放在中间

html - 使用 CSS 卡住表头时,表头和正文无法正确对齐