Heim > Web-Frontend > CSS-Tutorial > Warum erbt mein Ankertag nicht die Farbe seines übergeordneten Tags?

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

Barbara Streisand
Freigeben: 2024-12-16 18:10:16
Original
344 Leute haben es durchsucht

Why Doesn't My Anchor Tag Inherit Its Parent's Color?

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>
Nach dem Login kopieren

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;
}
Nach dem Login kopieren

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;
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage