このクラスをターゲットにする方法

Question

私はターゲットを絞ろうとしていますが、その方法はわかりません。 コードは次のとおりです。

<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; 
} 

私の理論は.forum

任意の内側に.main_titleであるということでしたこれをどのようにターゲットにするのか？

また、2つのクラスがある場合には、それに基づいて何かをターゲットにする方法がありますか？ですから、この場合は.entry-title AND .main_titleですか？だから、私はそれが一緒にこれらの2つのクラスを持っている場合のみ、ターゲットを言うだろう。

Answer 1

は何かがあなたの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>

Answer 2

ラベルがh1タグの内側にある場合、記事クラスメソッドは問題ありません。あなたはこのような場合には父親の2つのクラスを宣言子にアクセスしたい場合は、次のようになります。

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