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

Beitrag lesen

Hallo!

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

Kann ich mit dem aktuellen Chrome unter Win 7 nicht nachvollziehen, d.h. wenn der Button den Fokus hat, wird der Link sichtbar. Mehr kann nach deinem Code auch nicht passieren.

<button>Test1</button>

<a href="http://www.example.de">Test2</a>


> ~~~css
  

> a { visibility: hidden; }  
> button:focus ~ a { visibility: visible; }  
> a:hover { visibility: visible; }

Ein "nicht sichtbares" Element kann auch nicht gehovert werden. ;-)

Ein adjacent sibling selector ist übrigens button:focus + a { }
Dein Selektor schimpft sich "General Sibling Selector".

Gruß Gunther