pseudoklasse :after auch außerhalb des headers

sight011

Erfahrenes Mitglied
Ich benötige die Pseudoklasse :after für eine mobile Page. Das Problem ist ich muss alles inline schreiben und darf nix in das <head>-Tag packen oder in eine externe css-Datei.

Gibt es eine Möglichkeit :after auhc inline zu verwenden?
 
Die CSS-Pseudo-Klassen kann man nicht inline definieren.

Allerdings könntest du doch <style>-Tags innerhalb des Bodys verwenden, oder?
Das ist gültiges HTML5, solange das scoped-Attribut angegeben wird.
 
Hallo!

Allerdings könntest du doch <style>-Tags innerhalb des Bodys verwenden, oder?
Das ist gültiges HTML5, solange das scoped-Attribut angegeben wird.
Schonmal im Validator getestet?
Ohne scoped-Atributt:
Validator hat gesagt.:
Element style not allowed as child of element body in this context. (Suppressing further errors from this subtree.)
Mit scoped-Atributt:
Validator hat gesagt.:
Element style not allowed as child of element body in this context. (Suppressing further errors from this subtree.)
[...]
The scoped attribute on the style element is not supported by browsers yet. It would probably be better to wait for implementations.
Wie man es auch macht, macht man es falsch. ;)
Dem Browser hingegen ist es egal.

Dem Browser ist es auch egal wenn man die Seite HTML4-konform schreibt und durch den Validator jagt (um zu prüfen ob man nicht doch irgendwo einen Fehler hat ;)) und anschliessend das Style einfach vom Header in den Body verschiebt. :D
Wichtig ist halt dass das Style vor dem betreffenden Element eingefügt wird (am besten fügt man es also direkt nach dem <body>-Element ein).
Allerdings kann man dann natürlich kein Style für das <body>-Element selbst anlegen.

Gruss Dr Dau
 
Zurück