Вопрос:

Как изменить класс на гиперссылку href

html css

102 просмотра

1 ответ

500 Репутация автора

Я хотел бы знать, как изменить CSS для тега href. Я делал это прямо в теге, как показано ниже:

<a style="color: #1474c8; margin-bottom: 20px" href="#">This is link #1 </a>

Это работает префект, но мне нужно сделать несколько ссылок, поэтому я считаю, что это не лучший способ сделать это. Итак, я создал класс CSS, но он не работает так же. Каждый раз, когда я наводю указатель мыши на ссылку, она ведет себя как обычная гиперссылка с href CSS по умолчанию. Если я нажму на ссылку, это изменение цвета. Так что не уверен, что мне не хватает

.parentCat_wChildren{
  color: #1474c8;
  margin-bottom: 20px
}

.parentCat_wChildren a:link{ color: #1474c8; text-decoration: none;}
.parentCat_wChildren a:visited { color: #1474c8; text-decoration: none;}
.parentCat_wChildren a:hover { color: #1474c8; text-decoration: none;}
.parentCat_wChildren a:active { color: #1474c8; text-decoration: none;}

<a class="parentCat_wChildren" href="#">This is link #2.1</a>

Добавление JSBin: https://output.jsbin.com/vutozicato

Автор: Diego Источник Размещён: 24.04.2017 10:41

Ответы (1)


2 плюса

134122 Репутация автора

Решение

Вы .parentCat_wChildren уже aпривязаны, поэтому используйте:

.parentCat_wChildren:link {

или в конце концов:

a.parentCat_wChildren:link { /*make suer to also use  a.parentCat_wChildren{ in this case*/

но не .parentCat_wChildren a:link {


PS: Вы можете определить text-decoration: none;только в одном месте, внутри вашего первого .parentCat_wChildren{утверждения.

Автор: Roko C. Buljan Размещён: 24.04.2017 10:45
Вопросы из категории :
32x32