Warum erbt mein Ankertag nicht die Farbe seines übergeordneten Tags?

Nichtvererbung des übergeordneten Farbattributs durch Anker-Tags

Hintergrund:
Unter normalen Umständen verankern () Elemente erben das Farbattribut ihrer übergeordneten Elemente. In bestimmten Situationen kann diese Vererbung jedoch gestört sein.

Problem:
Im bereitgestellten Codeausschnitt:

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

Das Das Tag erbt die Farbe (#6E99E1) nicht von seinem übergeordneten Klasse „blau“.

原因:
Die -Tag verfügt standardmäßig über eine CSS-Eigenschaft namens „color: blue;“ darauf angewendet, wodurch die vom übergeordneten Element geerbte Farbe überschrieben wird. Dadurch wird sichergestellt, dass Ankertags immer blau sind, unabhängig von der Farbe ihres übergeordneten Elements.

Lösung:
Damit das Tag, um die übergeordnete Farbe zu erben, die Standardeinstellung „Farbe: Blau;“ Die Eigenschaft muss explizit überschrieben werden. Eine Möglichkeit, dies zu tun, besteht darin, die folgende CSS-Regel hinzuzufügen:

a {
  color: inherit;
}

Diese Regel weist den Browser an, das Farbattribut vom übergeordneten Element für alle -Elemente zu erben. Tags.

Nachtrag:
Bei Bedarf können Sie die „Farbe: erben;“ ändern. Regel, stattdessen eine bestimmte Farbe anzugeben:

a {
  color: #6E99E1;
}

Dadurch wird sichergestellt, dass alle Tags erben die Farbe #6E99E1 von ihren übergeordneten Elementen, auch wenn die übergeordneten Elemente unterschiedliche Farben haben.

Das obige ist der detaillierte Inhalt vonWarum erbt mein Ankertag nicht die Farbe seines übergeordneten Tags?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!