trunx: Pseudoklasse und adjacent sibling für Safari/Chrome

Beitrag lesen

Hi,

Nun gibt es nicht so viele fokusierbare Elemente und so wie ich das sehe, keines, das Link-Elemente enthalten darf, oder sehe ich das falsch? Wenn man ein div z.B. in allen Browsern stabil fokusieren könnte...

http://www.w3.org/TR/html5/editing.html#attr-tabindex

MfG ChrisB

hey, vielen Dank, das ist es!!
mein Code sieht nun so aus

  
<!DOCTYPE HTML>  
<html>  
  <head>  
  <meta charset="utf-8">  
  <style>  
  .test1 { display: block; width: 200px; height: 40px; background-color: red; }  
  .test1:hover { background-color: yellow; }  
  .test2 { visibility: hidden; }  
  .test1:focus  .test2 { display: block; visibility: visible; background-color: green; }  
  .test1:focus:hover { border: 0px; }  
  </style>  
  <title>css test</title>  
  </head>  
  <body>  
    <div class="test1" tabindex="1">Test1 <a href="http://www.google.de" class="test2">Test2</a></div>  
    <div class="test1" tabindex="2">Test3 <a href="http://www.google.de" class="test2">Test4</a></div>  
    <div class="test1" tabindex="3">Test5 <a href="http://www.google.de" class="test2">Test6</a></div>  
  </body>  
</html>  

jetzt kann auch das hovern des zuvor versteckten Elements entfallen; der IE spielt ordentlich mit durch das (eigentlich sinnfreie) .test1:focus:hover { border: 0px; }

also nochmal vielen herzlichen Dank :)

ciao trunx

--
Die Standard-Antwort: "Bitte benutze die Forum-Suche!" macht die Forum-Suche kaputt, weil die Suche dann nämlich genau vor allem diese dämliche Standard-Antwort, also Müll liefert. Sinnvoller ist stattdessen folgende Standard-Antwort: "Dieses Thema wurde schon vielfach im Forum besprochen, siehe z.B. <a>hier</a> oder <a>da</a> oder benutze die Forum-Suche z.B. mit den Stichworten 'Stichwort1 Stichwort2'." Danke.