Hello,
I am having trouble with ordered and unordered lists. I have set up complex selectors. I was attempting to set up the sublists as follows:
1. First line
2. Second line
A. Third line
B. Fourth line
a. Fifth line
b. Sixth line
What I am getting is this:
1. First line
2. Second line
1. Third line
2. Fourth line
1. Fifth line
2. Sixth line
Here is my CSS:
ol
{
list-style-type: decimal;
}
ol ol,
ul ol
{
list-style-type: upper-alpha;
}
ol ol ol,
ul ol ol,
ul ul ol,
ol ul ol
{
list-style-type: lower-alpha;
}
ul
{
list-style-type: circle;
}
ul ul,
ol ul
{
list-style: square;
}
ul ul ul,
ol ul ul,
ol ol ul,
ul ol ul
{
list-style-type: disc;
}
What am I doing wrong?
Thanks,
Tom
Complex Selectors
Re: Complex Selectors
Are you doing this?
1. Select all six list items and select Numbered List.
2. Select list items 3-6 and select Indent Items.
3. Select list items 5-6 and select Indent Items.
Remember, in CSS, the closest one wins. That is, if this CSS is in a .css file, any CSS in your topic's HEAD section or at the list level will override it.
Good luck,
Leon
1. Select all six list items and select Numbered List.
2. Select list items 3-6 and select Indent Items.
3. Select list items 5-6 and select Indent Items.
Remember, in CSS, the closest one wins. That is, if this CSS is in a .css file, any CSS in your topic's HEAD section or at the list level will override it.
Good luck,
Leon
Re: Complex Selectors
Hello,
I checked the topic code and didn't see anything but I found in the css file that li was defined as a numbered-list. I cut this out and saved and everything is working.
Thanks for your help.
I checked the topic code and didn't see anything but I found in the css file that li was defined as a numbered-list. I cut this out and saved and everything is working.
Thanks for your help.