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

Beitrag lesen

Hallo Forum,

ich habe folgenden Code, der leider in den og. Browsern nicht funktioniert:

<button>Test1</button>  
<a href="http://www.example.de">Test2</a>
  
a { visibility: hidden; }  
button:focus ~ a { visibility: visible; }  
a:hover { visibility: visible; }

ich hab jetzt schon ewig gegoogelt und alle möglichen "bugfixes" getestet, aber der zunächst versteckte Link wird einfach nicht sichtbar. Hat wer von euch eine brauchbare Lösung? Das wär wie immer prima :)

ciao und einen schönen Abend
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.