Dank StackOverflow habe ich endlich einen Weg gefunden, meinen E-Mail-Link zu stylen, aber ich frage mich, warum es ohne die hier gefundene Lösung nicht funktioniert.
Da der Link Teil des Bereichs mit der attributierten Klasse "about" ist, der Schriftgröße und Stil definiert hat, sollte der E-Mail-Link nicht in 11px und serifenlos angezeigt werden?
und während
%Vor%funktioniert super, sobald ich versuche, es in
zu ändern %Vor%Es funktioniert nicht so, wie es auch angenommen wird.
Haben die Tags keine Span Formatierung oder Klassenverschachtelung?
%Vor%Hi, eigentlich hast du deinen Email-Link css kommentiert: -
so jetzt schreibe das CSS wie diese Methode funktioniert es gut ......
%Vor%Siehe die Demo: - Ссылка
AKTUALISIERT
Jetzt funktioniert es gut ... editieren Sie Ihren HTML und fügen Sie Ihren HTML
hinzu %Vor%
Im Grunde müssen Sie das span -Tag aus der about -Klasse entfernen.
überprüfen Sie dies: - Ссылка
Ich denke .about haben Vorrang vor a .
vgl. Css Rule Specificity .
Grundsätzlich wird einem CSS-Regelwerk eine Priorität wie eine Versionsnummer wie folgt zugewiesen:
%Vor%mit
Also haben wir die folgende Reihenfolge:
.about a[href^="mailto:"] (0 ID, 1 Klasse + 1 Attr, 1 Element)
span.about (0 ID, 1 Klasse, 1 Element)
a[href^="mailto:"] (0 ID, 1 Attr, 1 Element)
.about (0 ID, 1 Klasse, 0 Element)
span.about und a[href^="mailto:"] haben dieselbe Spezifität (1 Klasse oder Attribut und 1 Element), also ist die Reihenfolge wichtig, die letzte gewinnt.
Wenn Sie span entfernen, ist die Regel weniger spezifisch und lose.
(Unterscheiden Sie auch zwischen Regeln, die direkt auf ein Element angewendet werden, und anderen, die von übergeordneten Elementen abgeleitet sind ...)