Styling Anchor Text (имя)

Question

У меня есть эти якоря:

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

На данный момент текст является синим, потому что это ссылка. Я пытаюсь изменить цвет, чтобы они были такими же, как и все другие тексты H2.

Я пробовал:

.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

На мой взгляд вы ищете Css текст недвижимости -decoration Здесь вы можете прочитать об этом here:

Мое решение для вашей проблемы:

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

Посмотрите демо: https://jsfiddle.net/wre1yLvn/

Answer 2

Селекторы атрибутов в CSS должен работать в этом случае, но так как вы устанавливаете цвет всех элементов h2 a, зачем вам нужен селектор атрибута? Не будет ли это достаточно:

h2 a { 
    color: red; 
} 

jsFiddle Demo

Если необходимо использовать селектор атрибута для name используйте:

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

jsFiddle Demo

Чтобы узнать больше о селекторы атрибутов в CSS, см. MDN Documentation.

Answer 3

Если вы хотите стилизовать все якоря, которые только есть name, но не ссылки, вы можете пойти с чем-то вроде:

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

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

Answer 4

Если вы хотите использовать точно такой же цвет, как h2 вы должны использовать эту

h2 { 
color: red; 
} 

h2 > a { 
color: inherit; 
} 

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

Answer 5

Попробуйте

h2 a:visited { 
color: inherit; 
} 

Источник: http://www.w3schools.com/css/css_link.asp