ralphi: :focus :visited funktionieren nicht

Hi Leute,
komisch: außer :hover und :active funktioniert nix der Anderen !?

.menue { width:auto; height:40px; border:1px solid black; float:left; padding:5px; }  
.menue:link { background-color:#333; }  
.menue:visited { background-color:#222; }  
.menue:hover { background-color:#ddd; } /* funktioniert */  
.menue:active { background-color:#afa; }  /* funktioniert */  
.menue:focus { background-color:#888; }
<div id = "menue" >  
    <div class="menue" id ="stamm">Daten</div>  
    <div class="menue" id ="kategorien">Gruppen</div>  
    <div class="menue" id ="option">Optionen</div>  
</div>

Viele Grüße aus LA

--
ralphi
  1. Hallo,

    komisch: außer :hover und :active funktioniert nix der Anderen !?

    was erwartest du bei div-Elementen? Was sollen die mit den Pseudoklassen :link oder :visited? Auch auf :focus reagieren sie höchstens dann, wenn man sie mit einem tabindex-Attribut darauf einstimmt. Mich wundert, dass du behauptest, :active würde "funktionieren".

    Ciao,
     Martin

    --
    Der Professor sitzt beim Essen in der Mensa. Ein Student setzt sich ihm unaufgefordert gegenüber.
    Professor: Seit wann essen denn Schwein und Adler an demselben Tisch?
    Student:   Na gut, dann flieg' ich eben zum nächsten Tisch.
    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
    1. Hi Martin,

      was erwartest du bei div-Elementen? Was sollen die mit den Pseudoklassen :link oder :visited? Auch auf :focus reagieren sie höchstens dann, wenn man sie mit einem tabindex-Attribut darauf einstimmt. Mich wundert, dass du behauptest, :active würde "funktionieren".

      wieder was neues.
      mit tabindex funktioniert focus ;-) DANKE
      weitere brauch ich eigentlich nicht.

      active - ist wenn man mit der Maus linksklickt und hält, oder?
      Ja - dass funktioniert auch ohne tabindex.

      Viele Grüße aus LA

      --
      ralphi
    2. @@Martin,

      was erwartest du bei div-Elementen? Was sollen die mit den Pseudoklassen :link oder :visited?

      Kann nicht gehen!

      Auch auf :focus reagieren sie höchstens dann, wenn man sie mit einem tabindex-Attribut darauf einstimmt. Mich wundert, dass du behauptest, :active würde "funktionieren".

      Nur :hover und :active „funktionieren“ ohne tabindex, „mit“ tabindex bekommst du drei Zustände hin, dabei ist aber die Reihenfolge wichtig, also :focus vor :active.

      .menue:hover { background-color: Red; }  
      .menue:focus { background-color: Green; }  
      .menue:active { background-color: Gold; }
      

      gruesse qx

      1. was erwartest du bei div-Elementen? Was sollen die mit den Pseudoklassen :link oder :visited?
        Kann nicht gehen!

        aus welchen Grund, sollte die Klasse hover und Co. nur für <a> - Elemente gelten?
        würde das sinn machen, es so in CSS festzulegen?

        Viele Grüße aus LA

        --
        ralphi
        1. aus welchen Grund, sollte die Klasse hover und Co. nur für <a> - Elemente gelten?
          würde das sinn machen, es so in CSS festzulegen?

          Nein, da hast du etwas falsch verstanden… :link und :visited machen nur bei <a> Sinn. Die anderen drei lassen sich auch ohne <a> sinnvoll verwenden.

          gruesse aus ka

      2. Hallo,

        was erwartest du bei div-Elementen? Was sollen die mit den Pseudoklassen :link oder :visited?
        Kann nicht gehen!

        eben, genau darauf wollte ich hinaus.

        Mich wundert, dass du behauptest, :active würde "funktionieren".
        Nur :hover und :active „funktionieren“ ohne tabindex

        Ja, und bei :active hatte ich das nicht erwartet.

        Ciao,
         Martin

        --
        Dürfen Finanzbeamte eigentlich ihren Kaffee schwarz trinken? - Ich glaube ja. Aber sie dürfen ihre Tasse nicht absetzen.
          (gehört auf SWR3)
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
  2. @@ralphi:

    nuqneH

    <div id = "menue" >

    <div class="menue" id ="stamm">Daten</div>
        <div class="menue" id ="kategorien">Gruppen</div>
        <div class="menue" id ="option">Optionen</div>
    </div>

      
    Wenn du Heydons Artikel [Reinventing The Hyperlink](http://www.heydonworks.com/article/reinventing-the-hyperlink) gelesen hast, hast du ihn falsch verstanden.  
      
    Wenn nicht, lies ihn jetzt und verstehe ihn richtig!  
      
    Was nicht funktioniert sind nicht die Pseudoklassen, sondern dein kaputtes Markup.  
      
    Aber Divitis ist heilbar.  
      
    Qapla'
    
    -- 
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)