html - 如何在特定页面上禁用 CSS？

Question

我为许多页面使用了 3 个样式表(style1、style2、style3)。

• style1 用于我的网页标题，
• style2 我的内容和
• style3 用于页脚

现在我想在我的主页上应用一个新的 stylesheet 并仅对主页禁用 style2。

我为不同的元素添加了新类，但在某些地方它仍在检测我以前的样式表。如何在特定页面上禁用 CSS？

Answer 1

由于您没有包含代码以查看您是如何做的，并且考虑到您将 header 作为包含文件:

使用 PHP:

在包含标题之前的主页中:

<?php $homepage = 1; ?>

//include your header//

在您引用 CSS 的 header 中:

<link href="css/style1.css" rel="stylesheet" type="text/css" />

<link href="css/style3.css" rel="stylesheet" type="text/css" />

<link href="<?php if($homepage == 1){ echo "css/Home-style.css";}else{ echo "css/style2.css";}?>" rel="stylesheet" type="text/css" />

您的文件应该是 PHP 格式才能工作。将“Home-style.css”更改为您的新主页 CSS 文件。