CSS Pseudo-Klassen mit Inline-Stilen

Nein, das ist nicht möglich. In Dokumenten, die machen verwenden von CSS, inline - style Attribut kann nur die Eigenschaft Erklärungen; den gleichen Satz von Anweisungen, die erscheint in jeder Regelsatz in einem stylesheet. Aus der Style-Attribute spec:

Den Wert des style-Attributs muss mit der syntax der Inhalt einer CSS - Erklärung block (ohne begrenzende Klammern), deren formale Grammatik ist da unten bei den Konditionen und Konventionen der Die CSS-core-Grammatik:

declaration-list
  : S* declaration? [ ';' S* declaration? ]*
  ;

Weder Selektoren (einschließlich pseudo-Elemente), noch zu-Regeln, noch eine andere CSS-Konstrukt erlaubt sind.

Denken von inline-Stilen die Stile, die angewendet werden, um irgendeinen anonymen super-speziellen ID-Selektor: diese Stile gelten nur für die, die eine sehr element mit der style Attribut. (Sie haben Vorrang vor einem ID-Selektor im stylesheet auch, wenn dieses element hat die ID.) Technisch ist es nicht wie das funktioniert; das ist nur zu helfen, Sie verstehen, warum das Attribut nicht unterstützt, pseudo-Klassen und pseudo-element-Stile (es hat mehr damit zu tun, wie pseudo-Klassen und pseudo-Elemente bieten eine Abstraktion von den dokumentbaum, das kann nicht sein, ausgedrückt in der Sprache des Dokuments).

Beachten Sie, dass inline-styles die Teilnahme an der gleichen Kaskade als Selektoren in der Regel Sätze, und nehmen die höchste Rangstufe in der Kaskade (!important trotz). Also, Sie gehen sogar über pseudo-Klasse-Staaten. So dass pseudo-Klassen oder andere Selektoren in inline-styles würde möglicherweise die Einführung einer neuen kaskadenstufe, und mit ihm eine neue Reihe von Komplikationen.

Beachten Sie auch, dass die sehr alten Versionen der Style-Attribute spec habe ursprünglich vorschlagen, dass dieseaber es wurde verschrottet, vermutlich aus dem oben angegebenen Grund, oder weil die Umsetzung war es nicht eine praktikable option.

InformationsquelleAutor der Antwort BoltClock

Anstatt benötigen, inline-Sie könnte die Verwendung von Internen CSS

<a href="http://www.google.com" style="hover:text-decoration:none;">Google</a>

Könnten Sie haben:

<a href="http://www.google.com" id="gLink">Google</a>
<style>
  #gLink:hover {
     text-decoration: none;
  }
</style>

InformationsquelleAutor der Antwort Jim Doodle