CSS Pseudo-Klassen und inline-styles

Ist es möglich, die pseudo-Klassen mit inline-styles?

Beispiel:

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

Ich weiß, die oben genannten HTML wird nicht funktionieren, aber gibt es etwas ähnliches, dass wird?

P. S. ich weiß, ich sollte, verwenden Sie ein externes Stylesheet, und ich tun. Ich war nur neugierig, wenn dies getan werden könnte, die Verwendung von inline-styles.

Gute Frage. Es ist nicht möglich, soweit ich weiß, aber das ist nicht eine Einschränkung, ich habe immer gedacht, vor.
mögliche Duplikate von Ist es möglich, erstellen Sie inline-pseudo-Formate?

InformationsquelleAutor Web_Designer | 2011-03-13

  1. 105

    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 diese, aber es wurde verschrottet, vermutlich aus dem oben angegebenen Grund, oder weil die Umsetzung war es nicht eine praktikable option.

    InformationsquelleAutor BoltClock

  2. 39

    Nicht CSS, aber inline:

    <a href="#" 
   onmouseover = "this.style.textDecoration = 'none'"
   onmouseout  = "this.style.textDecoration = 'underline'">Hello</a>

    Siehe Beispiel →

    Nur für die :hover pseudo-Klasse natürlich 🙂
    Ja, ich denke, das ist eine weitere option. Es ist nicht CSS, aber es funktioniert für :hover mit mouseover und mouseout, :focus mit onfocus und onblur, und :aktiv mit onclick.
    Würde diese Zählung als javascript? Ich habe ein Projekt, dass erfordert inline-CSS und kein Javascript.
    Ja, das ist javascript.
    Dies ist eine gute option. Mit einem externen CSS sheet ist gegen die OO(Objekt orientierte) Prinzip. Ein element der Stil sollte zusammen mit dem element.

    InformationsquelleAutor mVChr

  3. 24

    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>
    Ist es akzeptabel, die Verwendung von internen css außerhalb head-element?
    Es ist jetzt in HTML5: html5doctor.com/the-scoped-attribute
    Komisch, lief in einer anderen Frage, wo ich beschloss, so etwas zu tun und fand heraus, dass die scoped - Attribut entfernt wurde, aus den specs....developer.mozilla.org/en/docs/Web/HTML/Element/style

    InformationsquelleAutor Jim Doodle

Schreibe einen Kommentar