Nicht eingebettete css überschreiben immer die externe css?

Hatte ich studierte bereits, dass eingebettete CSS hat immer Vorrang vor externen css.
Aber ich fand, dass je nachdem was als letztes im code, diese Stile durchsetzen.

Bitte sehen Sie den folgenden code, wenn man bedenkt, dass ich verwendet habe, Farbe:grün; in der externen CSS-Datei für h3.

<head>
<link rel=stylesheet href="style.css">
<style>
h3{
color:red;
}
</style>
</head>

Ausgabe des obigen code, die mir zeigen, jeder text, den ich schreiben innerhalb h3 in Farbe rot.

Aber wenn Schreibe ich den obigen code so aus:-

<head>
    <style>
h3{
color:red;
}
</style>
<link rel=stylesheet href="style.css">
</head>

Im obigen Fall, ich bekomme die Farbe von text innerhalb h3 als "grün" (seit übernahme habe ich "grün" als font-color im externen CSS ).

Dies ist, weil ich geschrieben habe link tag nach style tag.

Also, was bedeutet, dass externe css-Datei wird nicht immer über-geritten von eingebetteten css.

Oder ist es eine Regel zu schreiben, die link tag immer vor style tag in head.

Bitte erklären Sie dies.

  • Wo und wie hast du die Studie, dass "embedded css hat immer Vorrang vor externen css"?
  • Ich bin mir sicher, was er Lesen als "embedded" bezeichnet inline-styles über das Universelle Stil Attribut - und er verwechselt dies mit dem style-tag .
  • Ich Lesen Sie über es hier: boogiejack.com/CSS_2.html
  • und auch hier: boogiejack.com/CSS_4.html
  • Eingebettete Formatvorlagen haben Vorrang vor externen styles. Diese website ist falsch. Ich schlage vor, Sie beenden die Beratung, es. Es gibt viele bessere tutorials und Einführungen in die Materialien.
InformationsquelleAutor A_J | 2015-07-12
  1. 11

    Ist es egal, ob dein stylesheet ist innerhalb <style>-tags oder extern und verbunden mit <link />. Der Letzte hat immer Vorrang, Sie könnte sogar in der gleichen externen Datei, die wirklich nur die Reihenfolge der Selektoren und Ihre Besonderheiten Angelegenheit.

    Jedoch inline CSS durch die style=".." Attribut hat immer Vorrang, weil es die meisten bestimmten. Zu überschreiben, die Sie verwenden würde !important. Eigenschaften in style=".." mit !important können nicht überschrieben werden.

    • Inline-CSS wird nur Vorrang, denn es ist mehr spezielle, nicht wegen der Bestellung. In HTML5 können Sie style - tags innerhalb des Körpers, in einigen Fällen, aber indem, dass nach dem element, dem er gilt, nicht geben, es Vorrang über inline-CSS.
    • egal, ob dein stylesheet inline oder externe" --> an Stelle von "inline" sollte es "eingebettet". "Allerdings, eingebettete CSS durch das style=".." " anstelle von "embedded", es sollte "inline"
    InformationsquelleAutor kelunik
  2. 3

    Welche CSS-Regeln angewendet werden, hängt von der Spezifität der CSS-Regel, wo die Regel aufgestellt, und die Anwesenheit von !important. Wenn zwei widersprüchliche Regeln aufgestellt, die Regel erst später definiert wird, überschreibt Sie die Vorherige Regel. Wenn zwei widersprüchliche Regeln deklariert sind, mit Selektoren unterschiedlicher Spezifität, die mehr spezifische Stile gewinnen wird, unabhängig von der Platzierung. Wenn in einer Regel markiert ist, als !important z.B.

    h1 {
  color: green !important;
}

    den !important Regel wird immer gewinnen.

    Referenz die Liste der Spezifität von CSS-Selektoren wie das geht (von am meisten spezifisch bis am wenigsten):

    1. Style-Attribute
    2. ID
    3. Klasse, eine pseudo-Klasse, Attribut
    4. Elemente
    • Sicher, aber diese Frage wurde über die weder Spezifität noch wichtig.
    • Aber es war über die CSS-Hierarchie; welche Regeln Vorrang gegenüber den anderen. Ich war gerade versucht zu erweitern, meine Antwort zu einer vollständigen Erklärung der Faktoren werden berücksichtigt, wenn widersprüchliche CSS-Regeln werden erklärt.
    • Aber Sie sagen nicht etwas über eingebettete und externe css-Priorität, das war die wichtigste Frage
    InformationsquelleAutor Tim
  3. 1

    Ist es egal, ob Sie eingebettet wird oder nicht. Formatvorlagen nach Cascading order

    InformationsquelleAutor Pmpr
  4. 0

    Nach allen Regeln der css, wenn 2 mit der gleichen Spezifität, die Letzte definierte übernehmen.

    Beispielsweise schreiben: 

    div { 
    background: green;
}


div {
    background: red;
}

    Wird, schalten Sie es rot, unabhängig von der Quelle.

    • "Vorrang" -> "Spezifität"
    • Danke, das Wort fehlte mir
    InformationsquelleAutor PiniH
Schreibe einen Kommentar