Wie kann ich mithilfe dieses Links den untergeordneten Selektor verwenden, ohne den übergeordneten Selektor zu ändern oder zu entfernen? (Ich möchte, dass der Link blau ist.)
%Vor%Es ist überraschend für mich, dass der Elternteil in diesem Fall das Kind außer Kraft setzt!
Dies liegt an der CSS-Spezifität. Die zusätzliche a nach .parent macht es spezifischer als nur .parent und entsprechend spezifischer als nur .child . Der Vorschlag von Obalix gibt den Selektoren die gleiche Spezifität, wobei beide ein Basis-HTML-Element und eine Klassenbezeichnung haben. Wenn die Spezifität gleich ist, wendet sie den in der Hierarchie angegebenen tiefsten Wert an, wie Sie erwartet haben.
Dieser Artikel (und die Ressourcen, zu denen er verlinkt ist) macht einen großartigen Job und erklärt die CSS-Spezifität: Ссылка
Für zukünftige Erkundungen Ссылка
im Grunde können Sie Selektoren Wert in dieser Reihenfolge zählen
%Vor%wobei Inline = 1000, ID = 100, Klasse = 10, Element = 1
In Ihrem Fall
.parent a == 11 und .child == 10 Das ist der Grund, warum das Elternelement den Stil des untergeordneten Elements überschreibt.
Tags und Links css inheritance css-selectors