Styling Anchor Text (ein Name)

Question

Ich habe diesen Anker:

<h2><a name="facebook">facebook</a></h2> 
<h2><a name="mobilephone">mobilephone</a></h2> 

Im Moment ist der Text blau ist, weil es ein Link ist. Ich versuche, die Farbe so zu ändern, dass sie die gleiche wie alle anderen H2-Texte sind.

Ich habe versucht:

.name { 
     color:red !important; 
    } 

:name { 
     color:red !important; 
    } 

:facebook { 
    color:red !important; 
} 

a:name { 
    color:red !important; 
} 

a:facebook { 
    color:red !important; 
} 

a[name=facebook]{ 
    color:red !important; 
} 

a[name]{ 
    color:red !important; 
} 

Answer 1

Meiner Meinung nach der Sie suchen CSS-Eigenschaft text -Dekoration Hier können Sie darüber lesen here:

Meine Lösung für Ihr Problem ist:

h2 a { 
    color:red; 
    text-decoration: none; 
} 

Blick auf Demo: https://jsfiddle.net/wre1yLvn/

Answer 2

Attributselektoren in CSS in diesem Fall funktionieren sollte, aber da Sie die Farbe aller h2 a Elemente sind einstellen, warum brauchen Sie den Attributselektor? Wäre dies nicht ausreichend sein:

h2 a { 
    color: red; 
} 

jsFiddle Demo

Wenn Sie das Attribut Selektor für name verwenden müssen, verwenden Sie:

a[name="facebook"], 
a[name="mobilephone"] { 
    color: red; 
} 

jsFiddle Demo

Um mehr über Attributselektoren lesen CSS, siehe MDN Documentation.

Answer 3

Wenn Sie alle Anker stylen wollen, die nur ein name aber keine Links haben, können Sie mit etwas gehen kann wie:

a[name]:not(:link) { 
 
    color: red; 
 
}

<a name="header">Header</a> 
 
<a href="http://gurustop.net">Link</a>

Answer 4

Wenn Sie genau die gleiche Farbe wie die h2 verwenden möchten, sollten Sie diese verwenden

h2 { 
color: red; 
} 

h2 > a { 
color: inherit; 
} 

Demo: https://jsfiddle.net/aLncaegh/

Answer 5

Versuchen Sie, diese

h2 a:visited { 
color: inherit; 
} 

Quelle: http://www.w3schools.com/css/css_link.asp