僅將CSS應用於一頁

Question

我需要將CSS應用於除Wordpress Twenty 16主題中的主頁之外的所有頁面上的標頭。 目前，我正在手動執行以下操作：

.page-id-24 #masthead {
padding: 5%;
background-image: url(...);
background-size: 1400px 500px;
height: 10px;
margin-bottom: 5%;
}

.page-id-14 #masthead {
padding: 5%;
background-image: url(...);
background-size: 1400px 500px;
height: 10px;
margin-bottom: 5%;
}

有什么辦法可以像#masthead not:(home) {...}以大大加快該過程並更改除首頁之外的所有頁面上的標頭。

謝謝，

插口

Answer 1

歡迎使用StackExchange！

提到“二十一歲”作為主題是一件好事。 我能夠在wordpress.org上演示您的主題的演示，並為您的目的確定了可接受的選擇器。 請咨詢以下內容：

body:not(.home) #masthead { /* Stylish */}

該選擇器將為您解決。

http://codepen.io/anon/pen/LZGmLV

：not（）選擇器的工作方式是將其視為偽類 ，可以使用簡單的選擇器取反。 在我們的案例中，我們正在尋找僅在主頁上具有“標頭” ID的元素（更具體地說，您的<header>元素）。 此外，我們正在使用此選擇器從樣式中排除 。

。

建議進一步閱讀：

https://developer.mozilla.org/zh-CN/docs/Web/CSS/：不是