CSS welches Vorrang hat, Inline oder die Klasse?

8

Meine Website hat ein Stylesheet, das in der Kopfzeile als style.css mit einem Selektor definiert ist:

%Vor%

Jetzt sieht mein Div wie aus:

%Vor%

Welche hat Priorität, die Inline oder die Klasse?

    
Snow_Mac 19.07.2011, 15:17
quelle

3 Antworten

13

Im Allgemeinen können wir sagen, dass alle Stile durch die folgenden Regeln in ein neues "virtuelles" Stylesheet "kaskadiert" werden, wobei Nummer vier die höchste Priorität hat:

1.Browser-Standard 2. Externes Stylesheet 3. Internes Stylesheet (im Kopfbereich) 4.Inline-Stil (innerhalb eines HTML-Elements)

Quelle: w3schools

W3schools erklärt viel über CSS und geht auch durch und zeigt Beispiele für die meisten Dinge, die Sie mit CSS machen können. Immer eine gute Ressource, wenn Sie Fragen zu etwas haben.

    
atrljoe 19.07.2011, 15:20
quelle
19

Die Rangfolge mit CSS lautet wie folgt:

  1. ! wichtig (das ist zwar ein bisschen hackisch, aber es ist die einzige Möglichkeit, einen Inline-Stil zu überschreiben. Versuchen Sie, dies zu vermeiden, es sei denn, es ist wirklich notwendig). Beispiel: p {Farbe: blau! Wichtig; }
  2. Inline , z. B. <p class="redText" style="color: red;">CSS is awesome</p> .In diesem Beispiel wird die Klasse ignoriert, wenn die Deklaration redText bereits versucht hat, die Eigenschaft color: zu definieren. Andere Eigenschaften können jedoch noch geehrt werden.
  3. Interne Stile - solche, die im Abschnitt <head><style> einer HTML-Seite geschrieben werden.
  4. Externes Stylesheet, das Styles definiert. Ihr HTML-Dokument muss einen Link zu diesem Blatt haben, um es verwenden zu können. Beispiel, wieder im Abschnitt <head> : <link rel="stylesheet" type="text/css" href="mystyle.css" />

Klicken Sie hier, um die Terminologie aufzufrischen: Ссылка

    
Raj 10.11.2011 20:32
quelle
2

Die Rangfolge mit CSS lautet wie folgt:

  1. Inline , wie <div id="orange" class="green" style="color: red;">This is red</div> .In dieses Beispiel ist das class , wenn die green Klassendeklaration bereits ignoriert hat versucht, die Eigenschaft von Farbe anbietet id wird ebenfalls ignoriert zu definieren, wenn es hat versucht, die Farbe zu definieren.
  2. ID-Auswahl , z. B. #orange { color: orange; }
  3. Klassenselektoren , z. B. .green { color: green; }
  4. Elementauswahlelemente , z. B. div { color: black; }

Mozilla Developer Network Dokumentation hat sich gut schriftliche Dokumentation über That Which sagt

  
    

Wenn mehrere Regeln zu einem bestimmten Elemente gelten, die gewählte Regel auf seinem Stil hängt Spezifität . Inline-Stil (in HTML-Stilattributen) weist die höchste Spezifität auf und überschreibt alle Selektoren, gefolgt von ID-Selektoren , dann Klassenselektoren und schließlich Elementselektoren

  

Die Textfarbe von unten wird daher rot sein.

%Vor% %Vor%

Bitte Consult MDN für jedes HTML, CSS oder JavaScript-Kenntnisse, w3school nicht über einen sehr guten Ruf in Entwickler-Community. Weitere Informationen zu diesem Thema finden Sie unter w3fools .

    
Suraj Jain 22.01.2017 09:52
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie zählt man die Anzahl der Buchstaben in einer zufälligen Zeichenfolge? [geschlossen]