Just when I think I understand this stuff . . .

I'm having a descendant selector that's not showing up. Behavior is
consistent across browsers, so that's not the issue (for a change!)

Here is the html
http://www.boisestate.edu/webcenter/workshops/basics1/presenternotes.shtml
and here the css
http://www.boisestate.edu/webcenter/styles/main.css
http://www.boisestate.edu/webcenter/styles/workshop.css
(in that order)

At the top of workshop.css you will see that I have set some specific styles
on specific headings. If you look at the web page you will see that the
lists and paragraphs beneath the lower headings are not indented far enough
-- I want the content under the heading to indent as far as the heading.

Yes, I could div my way out of this and may well do so anyway, for other
reasons, but my first approach seemed like it ought to work, namely:

h4 p { margin-left: 4em; }

or something very like that. That is: paragraphs that follow h4 should get
indented further.

But they don't. Nor do ordered or unordered lists.

If I set the margin on the tag
p { margin-left: 4em; }
that works, but of course it moves all paragraphs in the same distance,
which isn't what I want. But at least it confirmed that I was editing the
right file!

Anyway, my real question is: why isn't the descendant selector working? What
am I misunderstanding about how that is supposed to work? As I said, I may
well resort to divs to get each section to behave in a uniform way, but I
really do want to understand why such a seemingly straightforward use of
descendant selectors isn't working.


-= Skip =-
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to