Изменение цвета ссылок на одной странице

Question

я редактирую следующий веб-сайт: http://ju-jitsu.co.uk/

Я не ставил сайт, но унаследовали его.

На всем веб-сайте основной цвет ссылки PURPLE, и когда мышь колеблется, она красная.

И это прекрасно.

Однако, мы хотим изменить цвет ссылок на страницы: http://ju-jitsu.co.uk/upcoming-events/

Мы хотим изменить что черный текст, а затем при наведении указателя мыши над, чтобы быть красным.

Моя первая мысль была сделать это с помощью CSS: .page-id-5983 a { color: black; }

Однако это не сработало. Я попробовал изменить «черный» на «# 000000» и попытался вставить в Style.CSS главную тему и ребенка ... все без радости.

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

Я также успешно могу перейти в Редактор и выбрать шаблон страницы для редактирования.

Мое вопрос в том, какой код и вставил ли он здесь, чтобы переопределить цвета ссылок по умолчанию?

Если PHP не является маршрутом, и я должен преследовать CSS, любые идеи по коду и где он должен быть вставлен?

Большое спасибо

Answer 1

Добавьте к этому style.css файл

#upcoming_event:hover { 
color: #ec0000 !important; /** or whatever hex color code you want **/ 
} 

Редактировать гиперссылка пример из:

<a href="/upcoming-events">Upcoming Event</a> 

К (добавить идентификатор гиперссылки):

<a id="upcoming_event" href="/upcoming-events">Upcoming Event</a> 

1) код [!important] перезапишет исходный параметр CSS

2) Использование id вместо класса предотвратит перезапись других в одном классе, так как id уникален.

Answer 2

Добавьте это в ваш файл CSS

table a{ 
color: #000000; 
} 

Или

Добавить класс в таблице, например, "события", а затем настроить свой файл CSS:

.events a{ 
color: #000000; 
} 

Answer 3

Текущий стиль содержит .entry a. Это имеет тот же «вес», что и предложенный вами селектор, .page-id-5983 a, потому что оба состоят из одного имени класса и одного имени элемента. Это означает, что в зависимости от того, что наступит последним, он перекрывает другой.

Таким образом, наиболее очевидное решение: сделать селектор, который является более конкретным, например:

.page-id-5983 .entry a { 
} 

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

a, .entry a, .related-title, .carousel-layout2 .carousel-item-title, a .pagelink, .page-numbers { 
} 

Таким образом, вы, возможно, потребуется изменить, в основном добавления .page-id-5983 к каждому селектору, который вы хотите переопределить.

.page-id-5983 a, .page-id-5983 .entry a, 
.page-id-5983 .related-title, 
.page-id-5983 .carousel-layout2 .carousel-item-title, 
.page-id-5983 a .pagelink, .page-id-5983 .page-numbers { 
} 

PS: Препроцессор CSS, такой как SCSS, безусловно, может помочь вам в этом!

Answer 4

первую очередь попытаться дать класс для этой таблицы (потому что я думаю, что вам нужно изменить только ссылки внутри определенной таблицы), например .events-table

затем

table.events-table a { 
color: #000000; 
} 

table.events-table a:hover { 
color: red; 
} 

Чтобы быть более уверен, что поставить их в конце таблицы стилей