Warum erben Ankerelemente in CSS nicht immer die Farbe?

CSS-Vererbungsausnahmen: Ankerelement

In CSS zeigen Ankerelemente () ein interessantes Verhalten, da sie nicht immer erben das Farbattribut von ihrem übergeordneten Element. Obwohl es ein Nachkomme dieses Elements ist, können bestimmte Faktoren dazu führen, dass das -Tag von dieser Vererbungsregel abweicht.

Beachten Sie den folgenden Codeausschnitt:

<span>

In diesem Code wird das -Tag ist in einem <span>-Tag verschachtelt. Element mit der Klasse „blau“. Die Klasse „blau“ definiert ein Farbattribut. Allerdings erbt das -Tag diese Farbe nicht.

Der Grund für dieses Verhalten liegt im Standard-Stylesheet für Webbrowser. CSS-Browser definieren einen Standardstil für -Elemente, der eine Farbe enthält, die alle geerbten Werte überschreibt. Um sicherzustellen, dass das -Tag die Farbe von seinem übergeordneten Tag erbt, kann dem Stylesheet die folgende Regel hinzugefügt werden:

a {
  color: inherit;
}

Durch die Einbindung dieser Regel wird der Browser angewiesen, das Farbattribut von zu erben übergeordnetes Element für -Tags. Dadurch wird ein konsistentes Styling sichergestellt und die Ausnahme eliminiert, die die Vererbung standardmäßig verhindert.

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