Hover Проблема в CSS - Перезапись

Question

Хорошо это CSS код, который я поставил на главной странице, так это распространяется на все страницы ребенка, а также:

Master.css

a 
{ 
    color:Red; 
} 

a:hover 
{ 
    color:Blue; 
} 

и сейчас на некоторых страницах, мне нужно изменить цвет и парить цвет ссылки как:

некоторые дочерние страницы

a 
{ 
    color:Gray; 
} 

a:hover 
{ 
    color:Maroon; 
} 

Но проблема в том, что это не изменит способ, который я определил позже. Я использовал конкретные id и class, но они также не работают.

Когда я хочу изменить определенный стиль элемента, я использую встроенный атрибут стиля, чтобы сделать это, но теперь вступает в игру :hover, и я не думаю, что могу объявить его встроенным.

Answer 1

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

Вы можете увеличить специфичность, указав классы, идентификаторы или добавив !important в конец вашей декларации css. Например:

a:hover 
{ 
    color:Maroon; 
} 

будет отменено

a.link:hover 
{ 
    color:Blue; 
} 

будет отменено

#link1:hover 
{ 
    color:Red; 
} 

будет отменено

a:hover 
{ 
    color:Green !important ; 
} 

Answer 2

Я использовал конкретные подходы к идентификатору и классу, но они также не работают.
Вы можете уточнить? Использование специальных селекторов - путь. An example.

Там я определяю общий a Ищите всю страницу.

a { 
    color:Red; 
} 

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

.new-look a { 
    color: Gray; 
} 

Answer 3

Ваша разметка HTML не менее важна.

a { color:red; } 
a:hover { color:blue; } 

a.foo { color:green; } 
a.foo:hover { color:black; } 

<a href="#">red</a> 
<a href="#" class="foo">green</a> 

будет работать, если только что-то еще не играет.

или другую должность предполагает ~

.foo a { color:red; } 
#bar a:hover { color:blue; } 

помнить идентификаторы имеют приоритет над классами.