僅在首頁覆蓋body/html類

我有一個Wordpress站點在我的index.php中引入了一些完整頁面滑動功能。工作它將CSS設置爲僅在首頁覆蓋body/html類

html, body { 
    overflow: hidden; 
    margin:0; 
    padding:0; 
}

但我希望我的內部頁面溢出：auto;

我必須設置兩個的header.php文件（一對一對的index.php內頁）與頭-int.php具有以下

HTML

<body <?php body_class('auto'); ?> > ...

CSS

設置

.auto { overflow: auto; }

問題是我需要重寫HTML CSS爲自動，以及不知道如何做到這一點。或者有html，body css目標只有index.php而不是任何其他頁面。

也許使用不好的做法，但英雄值！重要？ – Ferrrmolina

好的，不要設置類，而應設置應覆蓋預設CSS的ID – HTMLNoob

您可以修改HTML元素嗎？對不起，如果這是一個明顯的問題，當談到wordpress時，我沒有太多經驗。 – HTMLNoob

在您的index.php文件中。您可以使用內聯樣式。

設置你的CSS是這樣的：現在

html, body { 
    overflow: auto; 
    margin:0; 
    padding:0; 
}

，您index.php文件，你的身體標記看起來像：body標籤之前

<body style='overflow: hidden;'>

2016-01-28 08:41:11

我怎麼能改變HTML，雖然它的HTML，身體{...改變只是身體遺址的功能 – user3550879

使用這段代碼在你的頭文件：

if (is_page_template('index.php')) { 
    <style> 
    html, body { 
    overflow: hidden; 
    margin:0; 
    padding:0; 
    } 
    </style>

您也可以將它用於頭文件中的body標籤，如下所示：

if (is_page_template('index.php')) { 
     <body style='overflow: hidden;'> 
    }

2016-01-28 08:55:02

問題是標籤（和我假設html標籤）是在header.php index.php內容是在index.php – user3550879

我會在這裏重新訪問您的頭文件。有很多Wordpress提供的功能可以解決這類問題。我會將以下函數添加到您的頭文件中：is_front_page()。在這這裏更多信息：https://codex.wordpress.org/Function_Reference/is_front_page

<?php if(is_front_page()) { ?> 
    <body class="homepagebodyclass"> 
<?php } else { ?> 
    <body class="auto"> 
<?php } ?>

上述這樣將消除需要有不止一個頭文件更多...

2016-01-28 09:19:29

因此，我用這個替換簡單？ – user3550879

我也需要這個應用到html標籤 – user3550879

@ user3550879你可以應用相同的原則，只需交換html元素的body元素。你甚至可以在文檔的中使用它，所以只有一些樣式表/ JS文件加載在主頁上。您只需將上面發佈的正文body/html元素替換爲以下內容即可:-) –

回答