CSS: Border bare rundt ytre <il>

[- mOtz^ -]

Om jeg har en liste slik:

 

<div id="div1">
 <li>
    <li>
        ...
    </li>
 </li>
</div>

 

Uten å gi <li> tagsa noen id, hvordan kan jeg da bare gi den ytre <li>-tagen en border?

 

css:

 

#div1 li {

border: white 2px solid;

}

 

Ved denne css koden, vil både yttre og indre <li> få en hvit border.

Endret 25. april 2010 av - mOtz^ -

[- mOtz^ -]

Fant ut av det:

 

css:

 

#div1 li li {

border: none;

[Jesper Karsrud]

For å komme med en kommentar, er det ikke tillatt å bruke li inni andre elementer enn lister, altså ol og ul:

 

<ul id="some_id">
   <li>
       <ul>
           <li></li>
       </ul>
   </li>
</ul>

 

Stilmessig trenger du kun å endre til:

ul#some_id li ul li {
border: none
}

[Kaptein Snus]

<ul id="some-id">
   <li>
       <ul>
           <li>
           </li>
       </ul>
   </li>
</ul>

 

ul#some-id > li {
   border:1px solid black;
}

 

> betyr at den skal bare ta den li tagen som er "immediate children" av #some_id.

 

More info..

[LostOblivion]

> funker ikke i IE.

[Kaptein Snus]

Ikke i det hele tatt?