Hi,
:active und :focus sind dagegen wie der Highlander: es kann nur einen geben.
Das scheint eine plausible Erklärung zu sein. Wobei ich mich allerdings frage, ob man wirklich sagen kann, daß nach einem Klick auf das Bild (oder andere Element in A)wirklich das Bild den focus hat oder nicht doch eher der Link.
In den specs habe ich gerade gefunden:
"CSS 2.1 doesn't define if the parent of an element that is ':active' or ':hover' is also in that state."
Es wäre demnach Mozilla freigestellt, auch :hover nur auf das innere Element anzuwenden. Ich fände aber die Berücksichtigung beider Elemente in beiden Fällen sinnvoller.
Nachtrag: der IE hat ja bekanntermaßen Probleme mit der Anwendung der Pseudoklassen auf beliebige Elemente, daher dürfte im IE das einzige aktivierte Element das a-Element sein ...
schon klar. ;-)
Allerdings verhält sich auch Opera hier so. Und in diesem Fall finde ich das auch praxisgerechter. Warum sollte z.B. bei:
<a href="#">Linktext mit <strong>Hervorhebung</strong>.</a>
die Hervorhebung sich per Default anders verhalten als der übrige Linktext?
Bzw. warum erfordert Mozilla in diesem Fall eine solch umständliche Definition:
a:active, a strong:active {}
freundliche Grüße
Ingo