Question

I have 2 div elements #container1 , #container2. Can i use styling in below manner ?

#container1,#container2 h5{ 
}

If yes then i cudn’t get it to work for #container3

#container1,#container2,#container3 h5{ 
}

rule somehow doesn’t seem to apply for #container3 ..
What could be the reason ?

Answer 1

That selector will apply to #container1,#container2, and any h5s in #container3. I think you want:

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

This is exactly what classes are intended for, however. If you add class="container" to each of your container divs, you can simply use the following rule:

.container h5 {
  /* styling */
}