parent daughter

Hello again

Been attempting to get to grips using selectors that are daughters thus:

strong h3 {color:red;} etc

Now this works fine. If I use <h3> nested inside <strong> its red.

However, if I try this:

p h3 {color:red;} etc

it doesn't work.

The only difference that I can see is that <p> is a block level element and <strong> isn't. The text book I am using sets out an example using <p> as the parent.

Can anybody shed any light on why the p version doesn't work...

thanks

h3 and p are both block level. You should never have either one inside the other....

h3 p = NO
p h3 = NO

strong is inline and can be used inside either.

h3 strong = YES
p strong = YES

strong h3 = NO
strong p = NO

Yes, that makes sense!

I was only experiementing and p was the first one I thought of!

Thanks

That's not a CSS problem, that's an HTML problem. Those are no-no's. I hope the book doesn't prescribe that kind of experimentation...