Parent UL styling on child UL

[ccdavies]

Hi. I have a UL within another UL. Both have ids and are styled differently. For some reason however, the child UL is using the parent UL's styling.

How can I ensure the child uses the correct styling?

<ul id="portfolio_show">
<li class="portfolio_thumb_1">
<li class="portfolio_thumb_2">
<li class="portfolio_thumb_3">
<li class="portfolio_thumb_1">
<li class="portfolio_thumb_2">
<ul id="pagination">
</ul>

Thank you

[chrishirst]

A list cannot be a direct decendant of another UL it has to be a child of a list item.

And list items (</li>) HAVE to be closed!

[ccdavies]

The code I copied in is from firebug, so of course the items are closed.

Thanks

[csswizard]

It happens due to hierarchy. The best approach is to assign different values for the parent and the child property as per the need.

Suppose if you have assigned padding:10px to the parent then the child will also take 10px as padding automatically.

If you do not want the padding for the child then you have to assign padding:0px for the child.

I hope you can understand what i am trying to say

[chrishirst]

Originally Posted by ccdavies

The code I copied in is from firebug, so of course the items are closed.

Thanks

And we should know that because????

if you are providing code, paste it from the source code so we get the whole picture

That way it saves wasting your time and ours pointing to problems that don't actually exist, but obviously exist in what you provide.
It's a bit like taking your cat to the vets because your dog is not well.

[chrishirst]

Anyway, Your ruleset for the child ul should be

ul#id li.class ul#id {
    // rules
}

that way the specificity of the ruleset will override the hierarchial rules.