Gunther: Problem mit verkapselten :hover

Beitrag lesen

Hallo,

hier mein Quellcode (der große <div>-Absatz in der Mitte darin enthält das
Ziel, das ich erreichen möchte!)

Für Eure Hilfe wäre ich Euch sehr dankbar!

==========================================

<html>

<head>
  <title></title>
  <style type="text/css">
    li#ebene1:hover {background-color:red;}
    li#ebene2:hover {background-color:yellow;}
  </style>
</head>
<body>
<div style="border:1px solid black; background-color:Lightblue; width:50%;">
</div>
<ul>
  <li id="ebene1">Menue-Punkt 1
       <ul>
           <li id="ebene2">Menue-Punkt 1.1</li>
           <li id="ebene2">Menue-Punkt 1.2</li>
       </ul>
  </li>
</ul>
</body>
</html>

  
Neben dem, was dir Jens schon geschrieben hat, ist dein Code fehlerhaft. Eine ID identifiziert genau \_ein\_ Objekt und darf somit dateiweit nur ein einziges Mal vorkommen.  
  
Du solltest also in deinem Fall [Klassen](http://de.selfhtml.org/css/formate/zentrale.htm#klassen) verwenden.  
  
  
Gruß Gunther