ul li {} li ul {} ??? what is that????

[soniclnd]

ok, so i was browsing throug some css and html templates because i wanna get into this whole css thing... but i've found this on a stylesheet

ul li{position: relative}

li ul{position: absolute;
left: 149px;
top: 0;
display: none;}


i know what all the properties and values mean but i do not understand the concept of the selectors "ul li" and "li ul"
does the first one mean a <li> that belongs to a <ul>,
and does the second one mean a <ul> that belongs to a <li>

i am really confused about this matter

 

[Foamcow]

The first one is simply any li that is within a ul element.

The second is a ul that is within an li.

Think nested lists.

You're looking at Suckerfish dropdowns right?

<ul>
  <li>
    Item 1
  </li>

  <li>
    Item 2 <!-- This contains another list -->
    <ul>
       <li>Item 2.1</li>
       <li>Item 2.2</li>
       <li>Item 2.3</li>
    </ul>
  </li>

  <li>
    Item 3
  </li>
</ul>

http://www.foamcow.com

- Web design and ranting

http://www.toccoagames.com

- Day of Defeat gaming community
"I'm making time