2016-09-01 56 views
0

我有一個類,我試圖針對但不知道如何。 這是代碼。如何定位這個類

<article id="post-27346" class="post-27346 forum type-forum status-publish hentry"> 
    <h1 class="entry-title main_title">Share Experience</h1> 
</article> 

我試圖目標的詞 「分享經驗」

這裏是我的嘗試:

.forum .main_title { 
    margin-bottom: -20px !important; 
    background-color: #3f3f3f; 
    padding: 40px 10px 16px 10px; 
    margin: 0px 10px -10px 10px; 
} 

我的理論是,.main_title是.forum

任何如何瞄準這個想法?

此外,有沒有一種方法來說目標的基礎上,如果它有兩個類。所以在這種情況下,它會是.entry-title和.main_title?所以我只會說,如果它有這兩個類在一起的目標。

+0

你的CSS選擇是正確的;你有什麼問題呢? – Shaggy

+0

它看起來正確。請提供一個模擬你的問題的jsfiddle。 –

回答

0

希望的東西是重寫你的CSS。造型

時,下面是一個工作作出具體Demo

.forum h1.main_title { 
 
margin-bottom: -20px !important; 
 
background-color: #3f3f3f; 
 
padding: 40px 10px 16px 10px; 
 
margin: 0px 10px -10px 10px; 
 
}
<article id="post-27346" class="post-27346 forum type-forum status-publish hentry"> 
 
<h1 class="entry-title main_title">Share Experience</h1> 
 
</article>

0

如果標籤在h1標籤內,您的文章類方法就沒有問題。如果您要訪問一個孩子聲明兩類父親在這種情況下應該是這樣的:

.forum.type-forum .main_title { 
margin-bottom: -20px !important; 
background-color: #3f3f3f; 
padding: 40px 10px 16px 10px; 
margin: 0px 10px -10px 10px; 
}