CSS Question about <ul>

Hello,

There is something I do not understand with CSS applied to the <ul> tag.
The rule:
#somediv ul ul {something}
seems to apply similarly to all nested <ul> in a structure such as:
<ul>
<li></li>
<li>
<ul>
<li></li>
<li>
<ul>
<li></li>
<li>
</ul>
</ul>
</ul>
This rule also applies to the 3rd <ul> whereas I would have thought I
would also need this rule for the 3rd <ul>:
#somediv ul ul ul {something}

It is the same thing for this rule:
#somediv li {something}
seems to apply to all nested <li>...

Is there an explanation for this?

Thank you for your help

Cheers
Chris

It tells the UA to apply that rule to "nested" ULs.
The 2nd UL is nested in the "same way" the 3rd one is.

HTH,
Thierry

Chris wrote:

Hello,

There is something I do not understand with CSS applied to the <ul
tag. The rule:
#somediv ul ul {something}
seems to apply similarly to all nested <ul> in a structure such as:
ul
li></li
li

ul ul will apply to a <ul> within a <ul> regardless of any parent
elements (eg another ul), if you want to target a specific list then you
could use a css class (my choice) or use <style>ul ul ul {}</style> to
reset further nested lists (yuk).

joe




Chris wrote:

Hello,

There is something I do not understand with CSS applied to the <ul> tag.
The rule:
#somediv ul ul {something}
seems to apply similarly to all nested <ul> in a structure such as:
ul
li></li
li
ul
li></li
li
ul
li></li
li
/ul
/ul
/ul
This rule also applies to the 3rd <ul> whereas I would have thought I
would also need this rule for the 3rd <ul>:
#somediv ul ul ul {something}

It is the same thing for this rule:
#somediv li {something}
seems to apply to all nested <li>...

Is there an explanation for this?

Thank you for your help

Cheers
Chris

.oO(Joe {RoastHorse})

ul ul will apply to a <ul> within a <ul> regardless of any parent
elements (eg another ul), if you want to target a specific list then you
could use a css class (my choice) or use <style>ul ul ul {}</style> to
reset further nested lists (yuk).

Another very useful way is to use child selectors (but they are not
supported by IE).

Micha