Hi there,
this is a basic cascade question which has muddled me a little bit and I’m hoping that someone can throw a light on the best way to approach it. So it’s about lists…..
I have something like this….
<header id="main">
<ul>
<li>Item</li>
<li>Item</li>
</ul>
<h1>I don't get it</h1>
<ul>
<li>Item</li>
<li>Item</li>
</ul>
<div id="somethingElse">
<ul>
<li>Item</li>
<li>Item</li>
</ul>
</div>
</header>
The question is this. Having applied styles to the all the
<
ul> in #main i.e
main ul {some style}
main li {some style}
I now want to style the list in the div#somethingElse differently. But it is taking on the styling for the above even if I create new styles for that id i.e the below gets ignored.
somethingElse ul {some style}/this gets ignored – why?/
somethingElse li {some style}/this gets ignored – why?/
Why is this happening exactly and what is the best way to deal with this situation?
Hope that made sense! Thanks in advance Bev
