多個html div使用相同的css風格

Question

我有2個div元素＃container1，＃container2。我可以以下面的方式使用造型嗎？

#container1,#container2 h5{ 
} 

如果是的話，我cudn't得到它爲＃container3工作

#container1,#container2,#container3 h5{ 
} 

規則在某種程度上似乎並沒有申請＃container3 .. 可能是什麼原因？

Answer 1

該選擇器將應用於＃container1，＃container2和＃container3中的任何h5。我認爲你想要：

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

然而，這正是什麼類的目的。如果添加class="container"到每個容器div S的，你可以簡單地使用以下規則：

.container h5 { 
    /* styling */ 
} 

Answer 2

最後的h5意味着特定的規則只適用於id內的h5元素。

作爲〔實施例，從你的第一個例子...

#container1,#container2 h5{ 
} 

上述規則適用於使用id = contrainer1也是一個元素的H5元素與ID = container2的一個元素中。

有了：

#container1,#container2,#container3 h5{ 
} 

你實際上是靶向ID = container1，ID = container2的，也是H5元素與ID的元素中= container3

在這兩種情況下，雖然，與H5元素標記不會將元素本身作爲目標，而只能定位其中的標題標記。

Answer 3

你的代碼似乎正確的，但爲什麼你犯規CALSS使用，每格可以使用另一種解決方案... 你要？

.divcontainer{ 
css.... 
}