僅將CSS應用到一頁上

Question

我需要將CSS應用於除Wordpress Twenty Sixteen主題中的主頁之外的所有頁面上的標頭廣告。目前我正在做手工，如：

.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！

您提到「Twenty16」作爲您的主題是件好事。我能夠在wordpress.org上展示您的主題演示，併爲您的目的確定一個可接受的選擇器。請參考以下內容：

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

此選擇器應該適合您。

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

的方式：不（）選擇工作原理是，它會被視爲僞類，可以採取在一個簡單的選擇否定。在我們的案例中，我們正在尋找僅在主頁上的「標頭」ID爲的元素（更具體地說，您的<header>元素）。此外，我們正在使用此選擇器來排除中的。

。

建議進一步閱讀：

https://developer.mozilla.org/en-US/docs/Web/CSS/:not