Not signed in (Sign In)

Vanilla 1.1.8 is a product of Lussumo. More Information: Documentation, Community Support.

Syntax Highlighting

You can highlight any code you post by wrapping it in the BBCode tags, [code lang="css"]code here[/code]. Other usable lang values are "xml", "html", "xhtml", "css", "js", "javascript", "php", "sql", "python", "py", "ruby", "rb", and "java".

Choose the Format Comments option "SyntaxHighlighter" to use this BBCode. Note that no other BBCode is supported at the moment.

Basic CSS: IE 6 Child Selector

Bottom of Page

1 to 2 of 2

- CommentAuthormicweb
- CommentTimeMar 3rd 2010
I have an unordered list with anchor tags, the second list item has a nested unordered list within it. Tried to apply style to all list items first. Then applied universal selector to all elements to override first line. to make sure list elements are bold and nest list elements are regular

CSS:
#nav li {font-weight: normal;}
#nav li * {font-weight:bold;]

html:
<ul id="nav" class="example">

<li><a href="/home/">Home</a></li>
<li><a href="/services/">Services</a>

<ul>
<li><a href="/services/design/">Design</a></li>
<li><a href="/services/development/">Development</a></li>
<li><a href="/services/consultancy/">Consultancy</a></li>
</ul>

</li>
<li><a href="/contact/">Contact Us</a></li>

</ul>

My only thought was to redirect code in Ie.css - Are there any suggestions?
- CommentAuthordmitryseliv
- CommentTimeMar 30th 2010
If I understood you right you want to apply different styling to second level of tested list.
Which is really simple to do.

example:

<style>
#nav {
margin:0;
padding:0;
}

#nav ul li {
font-weight: normal
}

#nav li ul li {
font-weight: bold
}
</style>

<div id="nav">
<ul>
<li><a href="">Some Text</a></li>
<li><a href="">Some Text</a></li>
<li><a href="">Some Text</a>
<ul>
<li><a href="">Some Text Second level</a></li>
<li><a href="">Some Text Some Second level</a></li>
<li><a href="">Some Text Some Second level</a></li>
</ul>

</li>
</ul>
</div>

1 to 2 of 2