Как сделать гиперссылки другого цвета в теме Wordpress Amadeus?

Question

Используя тему Wordpress Amadeus (бесплатная версия) Я попытался сделать гиперссылки видимыми.Нет возможности изменить цвет гиперссылки в разделе «Цвета» в настройщике Wordpress.

Я изменил код CSS на другой цвет, но изменения не были активированы.

Затем я добавил код в файл style.css для темы (следуя инструкциям из видео на YouTube) и загрузил измененный файл обратно на веб-сайт.

Код, который я добавил:

    /* unvisited link */
a:link {
color: blue;
}

/* visited link */
a:visited {
color: green;
}

/* mouse over link */
a:hover {
color: orange;
}

/* selected link */
a:active {
color: red;
}

После щелчка правой кнопкой мыши по ссылке на странице и выбора «Проверить элемент» я обнаружил, что код CSS для тега a: link был вычеркнут, что делает его неактивным.

CSS-код для изменения цвета гиперссылки

Я также попытался добавить код в раздел «Дополнительные CSS» в Wordpress Customizer, но изменения все еще не применяются.

Как можноЯ делаю гиперссылку другого цвета в этой теме Wordpress Amadeus?

Answer 1

Похоже, вы столкнулись с Специфика CSS .По сути, чем конкретнее правило CSS, тем выше приоритет, чем другим, менее конкретным правилам.Например:

a { ... }
a.primary { ... } // This rule takes precedence!

Если у вас есть тег a с классом primary, будет применяться второе правило (независимо от того, где оно находится в файле)

Вы можетеотредактируйте свою тему, чтобы изменить оскорбительные правила.

Другой, менее предпочтительный вариант - добавить !important перед точкой с запятой.Это, скорее всего, вернется к вам в будущих версиях, поэтому вам следует избегать этого.

Если вы хотите узнать больше об управлении вашим CSS, попробуйте прочитать о ITCSS и BEM .