Supportnet / Forum / Webseiten/HTML
CSS Pseudoklasse in HTML
Frage
Hallo,
ich komme gleich zur Sache.
[code]
<a style="{background: #000000;}" href="#">TESTLINK</a>
[/code]
funktioniert ohne Probleme.
Wie bekomme ich nun aber einen :hover Effekt hin?
[code]
<a style=":hover{background: #000000;}" href="#">TESTLINK</a>
[/code]
funtkioniert [b]nicht[/b].
Ich möchte dies nicht im <head> Bereich formatieren.
Weiß jemand Rat? Und funktioniert das auch bei Listen?
Antwort 1 von rfb
Antwort 2 von Toadie
Zitat:
Innerhalb der Formatdefinitionen sind CSS-Eigenschaften erlaubt. Dabei gilt die gleiche Syntax wie innerhalb der geschweiften Klammern bei zentralen Formaten.
Innerhalb der Formatdefinitionen sind CSS-Eigenschaften erlaubt. Dabei gilt die gleiche Syntax wie innerhalb der geschweiften Klammern bei zentralen Formaten.
Innerhalb der Anführungszeichen werden folglich nur Attribute und Eingenschaften interpretiert. Keine Selektoren oder Pseudoklassen. Ergo: Es geht nicht.
Die Klammern kannst du auch weglassen.
Antwort 3 von peter2222
Wie gesagt, ich möchte das nicht im <head> Bereich formatieren. Ich weiß, das funktioniert.
Ich will es im <body> Bereich machen, und dann für jede Klasse einen bestimmen Wert ändern, sonst bläht sich der CSS Code auf.
Ich will es im <body> Bereich machen, und dann für jede Klasse einen bestimmen Wert ändern, sonst bläht sich der CSS Code auf.
Antwort 4 von peter2222
Hier steht das doch, dass das geht oder verstehe ich das falsch?
-> http://www.w3.org/TR/2001/WD-css-style-attr-20010305
-> http://www.w3.org/TR/2001/WD-css-style-attr-20010305
Antwort 5 von asdfsadfasfdasfd
nimm doch mal anstatt
das hier:
<a style=":hover{background: #000000;}" href="#">TESTLINK</a>das hier:
<a style="a:hover{background: #000000;}" href="#">TESTLINK</a>Antwort 6 von Rangoo
´n Abend!
Die Browser unterstützen die Verwendung von Pseudoklassen im style-Attribut nicht.
Dein Argument mit dem Aufblähen des Codes verstehe ich allerdings nicht. Okay, du hast einen längeren Head, aber dafür weniger Tipparbeit im body...
und
sind 8 Zeichen Unterschied. Du musst schon sehr viele Links haben, um einen signifkanten Größenunterschied zu erreichen, der sich bei Mehrfachverwendung bestimmter Klassen sogar wieder reduziert...
Die Browser unterstützen die Verwendung von Pseudoklassen im style-Attribut nicht.
Dein Argument mit dem Aufblähen des Codes verstehe ich allerdings nicht. Okay, du hast einen längeren Head, aber dafür weniger Tipparbeit im body...
a.ax:hover{background:#000000}
...
<a class="ax" ...und
<a style=":hover{background:#000000}" ...sind 8 Zeichen Unterschied. Du musst schon sehr viele Links haben, um einen signifkanten Größenunterschied zu erreichen, der sich bei Mehrfachverwendung bestimmter Klassen sogar wieder reduziert...
Antwort 7 von rfb
ich kann rangoo nur bestätigen:
Opera: ignoriert das style-Attribut komplett
IE: ignoriert die Angaben zu Pseudoklassen
Firefox: ignoriert die Angaben zu Pseudoklassen
(auch die Verwenung von :: statt : ändert gar nix)
Fazit: wenn der CSS-Code im head stört pack ihn in ein externes Stylesheet.
Zitat:
Die Browser unterstützen die Verwendung von Pseudoklassen im style-Attribut nicht.
beim Ausprobieren mit dem Beispiel des W3C (Link in A4):Die Browser unterstützen die Verwendung von Pseudoklassen im style-Attribut nicht.
<a href="http://www.w3.org/"
style="{color: #900}
:link {background: #ff0}
:visited {background: #fff}
:hover {outline: thin red solid}
:active {background: #00f}">http://www.w3.org/</a>
Opera: ignoriert das style-Attribut komplett
IE: ignoriert die Angaben zu Pseudoklassen
Firefox: ignoriert die Angaben zu Pseudoklassen
(auch die Verwenung von :: statt : ändert gar nix)
Fazit: wenn der CSS-Code im head stört pack ihn in ein externes Stylesheet.
Antwort 8 von peter2222
Hallo,
vielen Dank euch allen. Werd dann wohl so machen wie Rangoo schreibt.
Gruß!
vielen Dank euch allen. Werd dann wohl so machen wie Rangoo schreibt.
Gruß!