css: цвет ссылки в классе UL не переопределяет цвет по умолчанию для div

Question

Я определил div со следующим:

#main-alt-2 a:link {color:#39c;}
#main-alt-2 a:visited {color:#39c;}

Для UL в этом div я определил это:

ul.menu a:link {
font-weight:bold;
display:block;
text-decoration:none;   
color:#323232;
}

Все остальные свойства в классе ul.menuработа - кроме цвета.Очень странно!

Надеюсь, кто-нибудь может помочь!

Answer 1

Если несколько определений CSS относятся к одному и тому же элементу HTML, сравнивается специфичность селекторов.Чтобы правила с более низкой специфичностью имели приоритет, добавьте !important:

ul.menu a:link {color: #323232 !important;}

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

Answer 2

Из-за специфичности css вам нужно будет сделать это следующим образом:

#main-alt-2 ul.menu a:link {
font-weight:bold;
display:block;
text-decoration:none;   
color:#323232;
}

Answer 3

#main-alt-2 a:link, поскольку включает селектор идентификатора, больше специфично , чем ul.menu a:link

Сделайте ваш селектор более конкретным .