如何為不同的頁面加載不同的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