Warum erben meine Ankerelemente nicht die Farbe ihrer übergeordneten Elemente?

Wenn Ankerelemente sich weigern zu erben: Die Ursache wird enthüllt

Wenn ein Ankerelement das Farbattribut nicht von seinem übergeordneten Element erbt, wird ein Das Problem ist im Gange. Normalerweise sollte das Ankerelement nahtlos die Farbe des übergeordneten Elements übernehmen, aber manchmal können bestimmte Faktoren diese Vererbung stören.

In Ihrem bereitgestellten Code haben Sie dieses Verhalten bemerkt und suchen nach einer Lösung. Der Hauptschuldige hierfür sind wahrscheinlich die Standard-CSS-Stile für Anker-Tags. Browser verfügen häufig über eigene Standardfarbeinstellungen für Anker, die die angegebene Farbe des übergeordneten Elements überschreiben können.

Um dieses Problem zu beheben, können Sie die Standard-CSS-Regel überschreiben, indem Sie die Schriftfarbe von Ankerelementen explizit auf festlegen "erben." Dadurch wird der Browser gezwungen, die Farbe des übergeordneten Elements für das Anker-Tag zu verwenden.

Lösung:

Fügen Sie die folgende CSS-Regel zu Ihrem Stylesheet hinzu:

a {
  color: inherit;
}

Dieser Code zielt speziell auf Ankertags ab und weist den Browser an, die Farbe vom übergeordneten Element zu erben Element.

Überarbeiteter Code:

<style>
  .blue {
    color: #6E99E1;
    font-size: 9px;
  }

  a {
    color: inherit;
  }
</style>

<span class="blue">::<a href="/equipment_new.php">CLICK HERE</a>:: to view our New Equipment inventory. <br /><br /></span>

Mit dieser Änderung erbt Ihr Ankertag nun die gewünschte Farbe von seinem übergeordneten Element und sorgt so für ein einheitliches Erscheinungsbild in Ihrem gesamten Element Webseite.

Das obige ist der detaillierte Inhalt vonWarum erben meine Ankerelemente nicht die Farbe ihrer übergeordneten Elemente?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!