css - почему текстовое оформление не работает под: hover?

Question

.twoColFixRt # nav-primary .nav li a, .twoColFixRt # nav-primary .nav li a: посещения {цвет: # 00FF00;текст-отделка: нет;} .twoColFixRt # nav-primary .nav li a span {display: block;отступы: 0 10px;размер шрифта: 15 пикселей;} .twoColFixRt # nav-primary .nav li a: hover {text-ornament: underline;цвет: # FF0000;}

Q1> Я не знаю, почему указатель a: hover в приведенном выше коде не работает.Другими словами, когда курсор находится над элементом навигации, подчеркивание не отображается.

Однако я вижу изменения цвета при наведении курсора на элементы навигации.

Q2> Я использую DW CS4 + Firebug.Есть ли способ, которым я определяю, какое правило подавляет: hover, чтобы я мог найти подобные проблемы в будущем?

Спасибо

Answer 1

Текстовое оформление можно отобразить, применив его к вложенному диапазону, например:

.twoColFixRt #nav-primary .nav li a:hover span {
    text-decoration: underline;
    color:#FF0000;
}

Если вас интересует причина, по которой он в данный момент не работает, вы можете прочитать этот вопрос о встроенных полях (ваш <a>), содержащих блоки (ваш <span>).

Что касается определения, какие правила применяются к элементу, я использую Web Developer addon для Firefox. Это CSS> Просмотр информации о стиле (CTRL + SHIFT + Y) особенно удобен для этого.

Answer 2

Примените свойство text-украшение во встроенном CSS вашего элемента.Если это работает, выясните, что испортило ваш внешний CSS.