2016-02-23 2 views
-1

Я пытаюсь изменить цвет ссылки на зеленый с классом, в css, но по какой-то причине он не работает. Что я делаю не так?Изменение цвета ссылки с использованием класса в css

a:link { 
 
color: red; 
 
} 
 
.colorGreen a:link { 
 
color: green; 
 
}
<a href = 'www.link.com'> www.link.com </a> <br> 
 
<a href = 'www.link.com'> www.link.com </a> <br> 
 
<a class = 'colorGreen' href = 'www.link.com'> www.link.com </a>

ответ

1

Вы выбираете детей a tags которые имеют родительский класс colorGreen. Оно должно быть:

a.colorGreen:link { 
    color: green; 
} 

Теперь вы выбора a tag которые имеют colorGreen класс.

+0

Я получил неправильный ответ от сюда, что вставал проголосовали 21 раз. http://stackoverflow.com/questions/10845517/how-to-change-the-link-color-in-a-specific-class-for-a-div-css – jessica

+3

@jessica Ваш вопрос не такой, как что один – j08691

+1

@jessica Нет ничего плохого. Там OP выбирает тег, который имеет родительский класс 'register'. –

1

CSS является использование при

.classname a:link{ 
    } 

элемент

<div class="classname"> 
<a ></a> 
</div> 

a:link { 
 
color: red; 
 
} 
 
.colorGreen:link { 
 
color: green; 
 
} 
 

 
.colorBlue a:link { 
 
color: Blue; 
 
}
<a href = 'www.link.com'> www.link.com </a> <br> 
 
<a href = 'www.link.com'> www.link.com </a> <br> 
 
<a class = 'colorGreen' href = 'www.link.com'> www.link.com </a> 
 

 

 
<div class="colorBlue"> 
 
    <a href = 'www.blue.com'> www.link.com </a> 
 
</div>

0

Вы можете использовать много способов применения этого. Использование !important

a:link { 
 
color: red; 
 
} 
 
.colorGreen { 
 
color: green !important; 
 
}
<a href = 'www.link.com'> www.link.com </a> <br> 
 
<a href = 'www.link.com'> www.link.com </a> <br> 
 
<a class = 'colorGreen' href = 'www.link.com'> www.link.com </a>
или таким образом.

a:link { 
 
    color: red; 
 
} 
 
.colorGreen:link { 
 
    color: green; 
 
}

 

 

 
    <a href = 'www.link.com'> www.link.com </a> <br> 
 
    <a href = 'www.link.com'> www.link.com </a> <br> 
 
    <a class = 'colorGreen' href = 'www.link.com'> www.link.com </a>

+0

Использование '! Important' - это почти всегда неправильный совет. – j08691

+0

Спасибо, что сообщили мне, – mmativ

Смежные вопросы