如何禁用特定頁面上的CSS？

我爲許多頁面使用3個樣式表（style1,style2,style3）。如何禁用特定頁面上的CSS？

style1我的網頁標題，
style2我的內容和
style3的頁腳

現在，我想在我的主頁上申請一個新的stylesheet和唯一的家禁用style2頁。

我爲不同的元素添加了新類，但是在某些地方它仍然在檢測我以前的stylesheet s。如何禁用特定頁面上的CSS？

來源

2015-11-03 Horiya Batool

我們需要查看您遇到問題的代碼。 – kfreeman04208

這裏是網站http://www.design.earnandearn.com/，我想只爲主頁禁用core.css –

從您的網站看來，它似乎是一個簡單的'link'元素。如果是這樣，只需刪除鏈接元素並將其替換爲新的樣式表。 – TricksfortheWeb

你必須使用jQuery禁用stylesheet，如：

<script> 
$(function() { 
    if (location.pathname.indexOf('/pagename') >= 0) { 
    $('link[href*="/media/css/csspagename.css"]').prop('disable', true); 
    } 
}); 
</script>

來源

2015-11-03 19:56:26

我已經嘗試將它粘貼到我的主頁，但不可disbabled我需要的工作表 –

對我而言，它正在工作 –

既然你不包括代碼，看你怎麼做，並考慮您遇到的頭作爲一個包含文件：

使用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文件。

來源

2015-11-03 19:59:54

檢查頁面，然後抓住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)

這應該給你你想要刪除任何樣式表的適當指標。

來源

2016-03-22 21:06:59 KpTheConstructor

如何禁用特定頁面上的CSS？

回答

相關問題