複数のHTML divが同じCSSスタイルを使用しています

Question

2つのdiv要素＃container1、＃container2があります。以下のようにスタイリングを使用できますか？

#container1,#container2 h5{ 
} 

そうなら、私はそれが＃container3

ため

#container1,#container2,#container3 h5{ 
} 

を仕事に取り掛かるcudn'tルールが何とか理由かもしれない何 ..＃のcontainer3の申請をしていないようですか？

Answer 1

このセレクタは＃container1、＃container2、および＃container3の任意のh5に適用されます。あなたが望むと思う：

#container1 h5, 
#container2 h5, 
#container3 h5 { 
    /* styling */ 
} 

これはまさにクラスが意図するものです。あなたは、コンテナdiv秒のそれぞれにclass="container"を追加した場合、あなたは、単に以下のルールを使用することができます

.container h5 { 
    /* styling */ 
} 

Answer 2

最後のh5は、特定のルールがID内のh5要素にのみ適用されることを意味します。 exmapleとして

、最初の例から...

#container1,#container2 h5{ 
} 

上記のルールは、ID = contrainer1また、ID =にcontainer2持つ要素内部H5要素に持つ要素に適用されます。あなたが実際に、しかし両方の場合において、ID = container3

とH5と要素ID = container1、ID =にcontainer2また、素子内部H5要素を対象としている

#container1,#container2,#container3 h5{ 
} 

：で

タグは要素自体をターゲットにしておらず、内部の見出しタグのみをターゲットにします。

Answer 3

をあなたのコードは、訂正するようだが、あなたは、すべてのdivの利用calssをdoesntのなぜあなたは別の解決策... を使用することができますあなたは欲しいですか？

.divcontainer{ 
css.... 
}