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

时间:2014-01-23 19:59:25

标签: php jquery html css

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

我有一个设置的头文件

<!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文件。我该如何做到这一点?非常感谢!

1 个答案:

答案 0 :(得分: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>