仅将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