2012-06-01 2 views
23

В моей странице следующий CSS устанавливается:Как изменить цвет ссылки в определенном классе для сНа CSS

a:link { 
    color: #0094DE; 
    text-decoration: none; 


} 
a:visited { 
     text-decoration: none; 
color: #0094DE; 

} 
a:hover { 
text-decoration: underline; 
color: #DD127B; 

} 

Я хочу изменить цвет Link внутри DIV, который имеет класс, возложенный на него , Я попробовал следующее:

register:link{color:#FFFFFF; 
     } 

Где регистр название DIV, в котором я хочу, чтобы изменить цвет ссылки. Как я могу это сделать? Также как изменить цвет для ссылки на hover над одним и тем же div?

ответ

33
.register a:link{ 
    color:#FFFFFF; 
} 
+0

обратите внимание, что это должно быть #Register, не .register ... ОП сказал ДИВ не класс – carrabino

+3

@Anthony ОП сказал DIV с классом, возложенные на него. Делает то, что вы говорите, все еще применяется? –

+0

OP: «Где регистр - это имя div, в котором я хочу изменить цвет ссылки» ... что мне говорит, что регистр является значением id, а не именем класса, который был назначен div. – carrabino

20

Это может быть что-то вроде этого:

a.register:link { color:#FFF; text-decoration:none; font-weight:normal; } 
a.register:visited { color: #FFF; text-decoration:none; font-weight:normal; } 
a.register:hover { color: #FFF; text-decoration:underline; font-weight:normal; } 
a.register:active { color: #FFF; text-decoration:none; font-weight:normal; } 
+1

спасибо - работал как шарм! – Aaronster

+0

Главный проголосовавший ответ не работал для меня, но использование этого синтаксиса действительно сработало. Голосование за это. – ZeekLTK

+0

То же самое для меня тоже. +1 – Magiranu

4

, как о чем-то вроде этого ...

a.register:link{ 
    color:#FFFFFF; 
} 
+0

Это на самом деле проблема, которую я пытался решить: это ставит стиль на что-то вроде этого: click me Спасибо! –

-2

Я думаю, вы хотите поставить a, перед a:link (a, a:link) в вашем файле CSS. Единственный способ избавиться от этого ужасного цвета синей ссылки по умолчанию. Я не уверен, что это было необходимо для более ранней версии браузеров, потому что она должна работать без a

0

Если вы хотите добавить CSS на a:hover не всем тегам, но некоторые из тегов, лучший способ сделать это - использовать класс. Дайте классу все теги, которые вы хотите присвоить стилю - см. Пример ниже.

<style> 
a.change_hover_color:hover { 
    color: white !important; 
} 
</style> 

<a class="change_hover_color">FACEBOOK</a> 
<a class="change_hover_color">GOOGLE</a> 
Смежные вопросы