CSS Issues

You can do this in your .css file through the use of descendant child selectors or direct child selectors, in addition to configuring the main div.note separately. The difference between the two selectors is:

A descendant child selector applies a style based on whether one element is a descendant (at any level) of another.

div.note ul {
color: darkolivegreen;
}

In this example, the style for the UL would apply even if the list were inside a TABLE inside the DIV.

<div class="note">
<table><tr>
<ul><li></li><li></li></ul>
</tr></table>
</div>

A direct child selector applies only to immediate children of the element.

div.note > ul {
color: darkolivegreen;
}

In this example, the style for the UL would apply only if the list directly followed the DIV (no other elements between them).

<div class="note">
<ul><li></li><li></li></ul>
</div>

There is no limit to how many selectors are referenced in the element hierarchy.

div.note > ul > ol {
color: yellow;
}

In this example, the style for the OL would apply only if the list directly followed the DIV and the UL (in exact order).

<div class="note">
<ul><li></li><li></li></ul>
<ol><li></li><li></li></ol>
</div>

You could even have another style with the children reversed (div.note > ol > ul), if needed.

For more information on CSS, with working tutorials, see the w3schools.com site. I also use, as a solid reference tome, Beginning CSS: Cascading Style Sheets for Web Design, by Richard York. It's five years old, but still very helpful.

Good luck,

Leon

I don't know which search option you used but I just entered CSS and got a couple of pages of results.

To the best of my knowledge the DIV tag can only be applied in the code. Curious as to why you need to enter lists within a DIV tag.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge