Was ist a:focus?

[Charlie]

Hallo liebe Leute,

was a:link, a:hover, a:visited und a:active ist, das weiß ich ja, aber was ist a:focus? Davon hab ich noch nie gehört - weiß einer von Euch, was genau das ist? Hab ich da mal wieder eine unverzeihliche Wissenslücke?

Hab übrigens schon versucht, es selbst herauszufinden, bin aber sowohl an SelfHTML als auch an DrWeb gescheitert. Und im TP hab ich natürlich auch nachgeguckt. Nur, damit Ihr wisst, dass ich dazulerne und nicht gleich wild drauflosposte... Wie ich das schon das ein oder andere Mal gemacht habe ...

Liebe Grüße, Eure Charlie

[Boris]

Wo hast Du denn a:focus überhaupt gesehen gehabt?

[Charlie]

Aha, war also doch keine sooo dumme Frage. Hier, bei Bradsoft kann man einen Style-Assistant, oder wie man ihn nennen mag, herunterladen. Das hab ich dann auf Anraten meines Kollegen auch getan, nachdem er feststellte, dass ich bislang einfach über Dreamweaver und halt von Hand im Texteditor arbeite. Er meinte, das wäre ja totaaaaal kompliziert, ich solle doch das Ding von Bradsoft benutzen. Bisher hab ich da allerdings noch keinen entscheidenden Vorteil bei gesehen - aber eben als CSS-Möglichkeit a:focus...

Hilft Dir das weiter, Adagio?

Liebe Grüße, Charlie

[Boris]

Ah, Du meinst Topstyle

Zu dumm, ich hab das Teil gerade nicht installiert ... a:focus hör ich echt zum ersten Mal ... warscheinlich "existiert" das bislang nur auf digitalem Papier, aber kein Browser kennt es.

Von diesen CSS-Befehlen hat Topstlye noch viele mehr. Da steht glaub ich auch, "wird z.Zt. von keinen Browser unterstützt" ...

[Charlie]

Achsoooo. Da stand aber meines Wissens nichts von Kannkeinbrowser, aber egal... Nu weiß ichs wenigstens...

Danke schön!!!

Grüß! Charlie

[webmichl]

Gehört anscheinend zu CSS3. Bin jedenfalls unter dieser Adresse: http://www.w3.org/TR/css3-selectors/ fündig geworden:

...
The user action pseudo-classes :hover, :active, and :focus

Interactive user agents sometimes change the rendering in response to user actions. W3C selectors provide three pseudo-classes for the selection of an element the user is acting on.

* The :hover pseudo-class applies while the user designates an element (with some pointing device), but does not activate it. For example, a visual user agent could apply this pseudo-class when the cursor (mouse pointer) hovers over a box generated by the element. User agents not supporting interactive media do not have to support this pseudo-class. Some conforming user agents supporting interactive media may not be able to support this pseudo-class (e.g., a pen device).
* The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.

* The :focus pseudo-class applies while an element has the focus (accepts keyboard or mouse events, or other forms of input).

Only elements whose 'user-input' property (see [UI]) has the value of "enabled" can become :active or acquire :focus.

These pseudo-classes are not mutually exclusive. An element may match several of them at the same time.

...

Und wenn man bedenkt, wie die aktuellen Browser CSS2 unterstützen...

[Charlie]

Original geschrieben von webmichl
Und wenn man bedenkt, wie die aktuellen Browser CSS2 unterstützen...

Da sagste was... Ich vergess den :focus wohl lieber vorerst mal...

Danke für Eure Antworten...

Gruß! Charlie

[Flixxtoras]

:focus

Diese Pseudo-Klasse definiert das Verhalten eines Elementes, wenn diese fokusiert wurde, z.B. durch Tastatureingaben. Ihr könnt Pseudo-Klassen auch miteinander kombinieren

a:focus { color:green; }
a:focus:hover { color:green; backround-color:yellow; } 

Zusatz: Die Reihenfolge der Pseudo-Klassen sollte immer einhalten werden!!


:link
:vistited
:hover
:active
:focus


Netscape 4.x versteht die Angaben :hover und :focus nicht.
Internet Explorer bis Version 5.5 interpretiert die Angabe :focus nicht.

[Lars]

Schön, daß Du uns jetzt mit "Sie" ansprichst.

[Flixxtoras]

Sorry natürlich nicht Sie wurde schon umgeändert! Wenn man den ganzen Tag so mit den Kunden redet kann das mal passieren!

[Lars]

Ich kenne das.