2017-04-04 40 views
0

我使用這個代碼如何使用除了在首頁

#main-header::after { 
content: ""; 
background-image: url('xxxx'); 
background-size:cover; 
opacity: 1.0; 
top: -45%; 
left: 0; 
bottom: 0; 
right: 0; 
position: absolute; 
z-index: -1; 
} 

而且我想在所有網頁的工作,除了在網頁上,因爲我有一個全角滑塊上的CSS規則,我該怎麼辦呢?我在Wordpress上使用這個自定義CSS。謝謝!!

+0

在主頁上創建自定義樣式來覆蓋它。主頁:'#main-header :: after {/ *自定義覆蓋樣式* /}' –

+0

首頁body必須有一些獨特的類。以.home#main-header :: after {覆蓋這裏的樣式或display:none}爲目標。其中.home是主頁的body標籤上的類。 –

回答

1

您可以使用類使用體類像How to exclude particular class name in CSS selector?

所以你的代碼會變得排除選擇:

body:not(.home) #main-header::after { 
content: ""; 
background-image: url('xxxx'); 
background-size:cover; 
opacity: 1.0; 
top: -45%; 
left: 0; 
bottom: 0; 
right: 0; 
position: absolute; 
z-index: -1; 
} 
1
<?php if(!is_home()){ ?> 
<style type="text/css"> 
#main-header::after { 
content: ""; 
background-image: url('xxxx'); 
background-size:cover; 
opacity: 1.0; 
top: -45%; 
left: 0; 
bottom: 0; 
right: 0; 
position: absolute; 
z-index: -1; 
} 
</style> 
<?php } ?> 
+3

回答總是受歡迎的,但包括對上述問題的簡要解釋*以上解決問題將使其對其他人更有用。 – Leigh

相關問題