/prog/ - explain me css

Name: Anonymous 2010-06-29 22:39

How do i turn this into a drop down menu ?
and how do "#id ul ul ul {...}" or "#id ul li {}" work ?
<html>
<head>
<style type="text/css">

#thx {
width:100%
float: left;
}
#thx ul
{list-style:none;
margin:0;
padding:0;
width:10em;
float: left;
}
#thx a, #thx h2 {
border:1 solid gray;
background:f5f5f5;
margin:0;
padding:8;
display:block
}

#thx a:hover {background:white}

</style>
</head>
<body>

<div id="thx">

<ul>
<li><h2>List A</h2>
<ul>
<li><a href="asd.asp">Wine</a>
<ul>
<li><a href="hua.asp">Red</a></li>
<li><a href="asd.asp">White</a></li>
</ul>
</li>
</ul>
</li>
</ul>

<ul>
<li><h2>List B</h2>
<ul>
<li><a href="oasdk.asp">Coffees</a>
<ul>
<li><a href="we.asp">Latte</a></li>
<li><a href="asdasd.asp">Macchiato</a></li>
<li><a href="yasd.asp">Espresso</a></li>
</ul>
</li>
</ul>
</li>
</ul>

</div>

</body>
</html>

Name: Anonymous 2010-06-29 22:49

Less of this.

Name: Anonymous 2010-06-29 22:51

NO EXCEPTIONS

Name: Anonymous 2010-06-29 22:53

2,3
wtf are you retards talking about ?

Name: Anonymous 2010-06-29 22:56

>>4
Back to /b/, please

Name: Anonymous 2010-06-29 23:00

im tryin to learn some fuckin css over here

Name: Anonymous 2010-06-29 23:01

>>6
Go learn it somewhere else.

Name: Anonymous 2010-06-29 23:03

why

Name: Anonymous 2010-06-29 23:38

Learn Sass instead. Watch the screencasts.

Name: Anonymous 2010-12-24 5:02

Name: Anonymous 2011-01-31 20:57

<-- check em dubz

explain me css

1 Name: Anonymous 2010-06-29 22:39

2 Name: Anonymous 2010-06-29 22:49

3 Name: Anonymous 2010-06-29 22:51

4 Name: Anonymous 2010-06-29 22:53

5 Name: Anonymous 2010-06-29 22:56

6 Name: Anonymous 2010-06-29 23:00

7 Name: Anonymous 2010-06-29 23:01

8 Name: Anonymous 2010-06-29 23:03

9 Name: Anonymous 2010-06-29 23:38

10 Name: Anonymous 2010-12-24 5:02

11 Name: Anonymous 2011-01-31 20:57

12 Name: Anonymous 2011-02-02 23:50