Christian 1000: Menü, Listenformatieren, erstes Feld andere Farbe als der Rest

Beitrag lesen

Also gut, ich versuch in einem neuen Anlauf,
ich glaube aber das ich auf dem Holzweg bin:

#menu_horizontal a

        {  
        color:#FFF;  
        padding:2px 10px 3px 10px;  
        margin:0 3px 0 0;  
        float:left;  
        text-decoration:none;  
        background:#800000;  
        }  
  
#menu_horizontal:first-cild a  
        {  
        background:#000800;  
        }	

Kann ich nicht einfach eine Klasse (.class) machen und den einen LINK, irgendwie seperat formieren)

<li><a class="seperat" href="#">Home</a></li>

Christian

  
  
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
     "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>menu</title>  
<style type="text/css">  
#menu_horizontal  
        {  
        width:100%;  
        border-bottom:1px solid #666;  
        overflow:hidden;  
        }  
  
#menu_horizontal ul  
        {  
        margin:0;  
        padding:0;  
        list-style:none;  
        }  
  
#menu_horizontal li  
        {  
        display:inline;  
        margin:0;  
        padding:0;  
        }  
  
#menu_horizontal a  
        {  
        color:#FFF;  
        padding:2px 10px 3px 10px;  
        margin:0 3px 0 0;  
        float:left;  
        text-decoration:none;  
        background:#800000;  
        }  
  
#menu_horizontal:first-cild a  
        {  
        background:#000800;  
        }		  
		  
		  
#menu_horizontal a:hover  
        {  
        background:#008000;  
        }  
  
  
  
</style>  
  
</head>  
<body>  
<div id="menu_horizontal">  
  <ul>  
    <li><a href="#">Home</a></li>  
    <li><a href="#">Menu 2</a></li>  
    <li><a href="#">Menu 3</a></li>  
    <li><a href="#">Menu 4</a></li>  
    <li><a href="#">Menu 5</a></li>  
  </ul>  
</div>  
</body>  
</html>