Warum erben Anker-Tags manchmal nicht die Farbe ihrer Eltern?

Wenn Links die Farbvererbung verlieren

In einem HTML-Dokument erben Ankerelemente () normalerweise das Farbattribut ihrer übergeordneten Elemente . Es gibt jedoch Fälle, in denen diese Vererbung gestört sein kann.

Eine solche Situation tritt auf, wenn für das -Tag ein eigenes explizites Farbattribut definiert ist. In diesem Fall überschreibt die Farbe des -Tags die geerbte Farbe, wie im folgenden Code zu sehen ist:

<span>

Die .blue-Klasse legt eine blaue Farbe für das span-Element fest, aber das -Tag verfügt über ein eigenes Farbattribut, das auf Rot gesetzt ist und die geerbte blaue Farbe überschreibt.

Um die gewünschte Vererbung wiederherzustellen, entfernen Sie das explizite Farbattribut aus das -Tag. Wenn Sie außerdem möchten, dass alle -Tags die Farbe ihrer übergeordneten Elemente erben, können Sie die folgende CSS-Regel einfügen:

a {
  color: inherit;
}

Diese Regel stellt sicher, dass alle -Tags die Farbe von erben ihre übergeordneten Elemente, sofern sie nicht explizit überschrieben werden.

Das obige ist der detaillierte Inhalt vonWarum erben Anker-Tags manchmal nicht die Farbe ihrer Eltern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!