Styling email link / href="mailto:" mit CSS

8

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%     
Roland 17.05.2012, 08:50
quelle

2 Antworten

21

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: - Ссылка

    
Shailender Arora 17.05.2012 08:59
quelle
1

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

  • {# id}: Anzahl der ID-Selektoren
  • {# class}: Anzahl der Klassen, Pseudoklassen, Attribute
  • {# element}: Anzahl der Elemente, Pseudo-Elemente
  • {Reihenfolge}: Der Index dieser Regel über alle Dateien hinweg

Also haben wir die folgende Reihenfolge:

  1. 0.2.1. * .about a[href^="mailto:"] (0 ID, 1 Klasse + 1 Attr, 1 Element)
  2. 0.1.1.a span.about (0 ID, 1 Klasse, 1 Element)
  3. 0.1.1.b a[href^="mailto:"] (0 ID, 1 Attr, 1 Element)
  4. 0.1.0. * .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 ...)

    
The Felis Leo 23.02.2017 13:19
quelle

Tags und Links