Targeting several divs at once

HTML & CSS
1

Hi,
Can someone help with this, I’ve been puzzling over it.
If I have several divs e.g. button1, button2, button3
and I want to target a p in all of them at once instead of writing a separate rule for each, how do I do that?
I tried #button1 #button2 #button3 p but it didnt work, (and I think that would be button3 in a button2 in a button 1 - is that correct?)
Grateful for any help, I’m just getting the hang of CSS so there will probably be alot more questions.
Thanks
from
Richard

2

[font=verdana]Unfortunately there is no way to say “a <p> in each of these IDs” without spelling the selectors out in full, but you can list multiple selector matches for one rule, separate them by commas. Something like:

[COLOR="#800080"]#button1 p[/COLOR], [COLOR="#008000"]#button2 p[/COLOR], [COLOR="#B22222"]#button3 p[/COLOR] {rules go here}

Or another option would be to give each <div> a class as well as an ID, and then you could just have

.button p {rules go here}

[/font]

3

Thanks for that Stevie, I’ll use that.
Makes sense!