如何为不同的页面加载不同的CSS？

Question

我正在尝试为我的页面创建不同的样式表。

我有一个设置的头文件

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
       <link href="/includes/main.css" rel="stylesheet" media="all"/>
</head>
<body>

然后我有我的主体页面，我将有main.html, project.html, contact.html …等等

//php load different pages for my body
<div>….

和页脚页面。

<footer>…

我的问题是如何交换css文件以适应我的主体页面的不同页面。 页眉和页脚文件是模板，每次加载新页面时我都不想更改css文件。 我该如何完成？ 非常感谢！

Answer 1

一种简单的方法是使用名为“ basename”的php函数。

如果您有3个页面main.php，project.php和contact.php，则可以根据正在查看的页面名称来加载不同的资源。

例如回声;

<!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8"/>
   <?php if(basename($_SERVER['PHP_SELF']) == 'main.php'){ ?>
     <link href="/includes/main.css" rel="stylesheet" media="all"/>
   <?php }
   elseif(basename($_SERVER['PHP_SELF']) == 'project.php'){
   ?>
    <link href="/includes/project.css" rel="stylesheet" media="all"/>
   <?php } ?>
 </head>
<body>

如何为不同的页面加载不同的CSS？

问题描述

1 个解决方案

解决方案1
1 2014-01-23 20:08:23

如何为不同的页面加载不同的CSS？

问题描述

1 个解决方案

解决方案1 1 2014-01-23 20:08:23

解决方案1
1 2014-01-23 20:08:23