我在许多页面中使用了 3 个样式表（style1、style2、style3）。
style1 我的网页标题，style2 我的内容和style3 用于页脚现在我想在我的主页上应用一个新的stylesheet，并为主页禁用style2。
我为不同的元素添加了新的类，但在某些地方它仍然检测到我以前的stylesheets。如何在特定页面上禁用 CSS？
【问题讨论】：
link 元素。如果是这样，只需删除链接元素并将其替换为新样式表。
由于您没有包含代码以查看您的操作方式，并且考虑到您将标头作为包含文件：
使用 PHP：
在您的主页中包含标题之前：
<?php $homepage = 1; ?>
//include your header//
在您引用 CSS 的标题中：
<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 文件。
【讨论】：
检查页面然后抓取 dom 样式表数组对象并禁用任何你想要的。
if(window.location.href.indexOf("<name in page url >") > -1) {
//Next line will disable the 2nd stylsheet in the document .
document.styleSheets[1].disabled = true;
}
另外，您可以使用以下命令查看 dom 中的所有样式表：
console.log(document.styleSheets)
这应该为您提供要删除的任何样式表的适当索引。
【讨论】：
您必须使用jQuery 来禁用stylesheet 之类的：
<script>
$(function () {
if (location.pathname.indexOf('/pagename') >= 0) {
$('link[href*="/media/css/csspagename.css"]').prop('disable', true);
}
});
</script>
【讨论】：