2013-04-19 4 views
5

Ok also hier ist ein einfache test caseCSS-Elementselektor ist spezifischer als HTML-Attribute?

Was ich versuche, ist, dass, wenn wir verwenden, um Attribute zu Stil-Elementen (ich weiß, das ist eine sehr, sehr schlechte Idee ist, aber ich habe es für Experimente)

So ist die Frage ist, dass CSS-Grundelement-Selektorstile spezifischer als HTML-Attribute sind?

Kinda CSS - 1/HTML - 0 <!-- Specificity -->

Wenn CSS not used, HTML - 1 <!-- Specificity -->

Test Case HTML

<table border="1"> 
    <tr> 
     <td>Hello 1</td> 
     <td>Hello 2</td> 
     <td>Hello 3</td> 
    </tr> 
</table> 

CSS

table, table td { 
    border: 0; 
} 

Also insgesamt CSS ist spezifisch als HTML für das Styling? Oder können wir CSS mit Attributen außer dem Attribut style überschreiben?

+0

@BoltClock Sollten wir das nicht als Besonderheit kennzeichnen? –

+0

@Andy Ich bin mir bewusst, dass Inline-Stile am meisten spezifisch sind, meine Frage war etwas anderes :) –

+0

Nicht sicher - ich glaube nicht, dass Spezifität hier der richtige Begriff ist. – BoltClock

Antwort

8

Von the CSS 2.1 specification:

Die UA Präsentations Attribute in einem HTML-Quelldokument zu ehren wählen. Wenn dies der Fall ist, werden diese Attribute in die entsprechenden CSS-Regeln mit der Spezifität 0 übersetzt und so behandelt, als wären sie am Anfang des Stylesheets des Autors eingefügt worden. Sie können daher durch nachfolgende Stylesheet-Regeln überschrieben werden. In einer Übergangsphase erleichtert diese Richtlinie die Koexistenz stilistischer Attribute mit Stylesheets.

ähnliche Sprache existiert in CSS Cascading and Inheritance Level 3


Also insgesamt CSS ist spezifisch als HTML für das Styling?

Ja. Verwenden Sie kein HTML zum Formatieren. Wir haben jetzt CSS.

Oder gibt es alles, was wir CSS mit Attributen außer dem style-Attribute außer Kraft setzen können

Nichts. Das style-Attribut ist nur eine Möglichkeit, CSS auf ein Element anzuwenden. (So ​​wie JavaScript verwendet wird, um die vom style-Attribut generierten DOM-Eigenschaften zu ändern.)

+0

Das war etwas Gutes! Vielen Dank ;) –

Verwandte Themen