Я не могу избавиться от подчеркивания текста

Question

Я получил этот код:

<div class="class1"><a href="http://nvm/">text</a></div>

Код CSS класса 1 следующий:

.class1 {
       text-decoration: none;
}

Вывод будет отображаться, пока я не наведу указатель мыши на div. Текст тогда подчеркнут.

Конечно, я пробовал много методов, таких как:

.class1:hover {
      text-decoration: none;
}

Я также пытался добавить атрибут !important, но все еще без ожидаемых результатов. : /

Я также использовал firebug для отладки кода HTML и CSS, и я не могу найти класс с атрибутом text-decoration: underline;.

Я знаю, что это такой глупый вопрос, но у меня нет идей.

Answer 1

Вам следует установить для свойства text-decoration значение none для элемента a внутри .class1, поскольку это элемент, содержащий текст (и, вероятно, элемент, над которым вы наводите курсор).

Например:

.class1 a (все a теги, чей предок .class1)

ИЛИ

.class1 > a (все aтеги, чей родитель .class1)

Answer 2

Если вы устанавливаете глобальное свойство <a> в другом месте, вам нужно специально переопределить теги <a> для этого класса.

.class1 a { text-decoration: none; }

и

.class1 a:hover {text-decoration: none; }

в зависимости от того, определено ли у вас глобальное наведение

Answer 3

div.class1 a { Properties:values} 

Будет хорошей практикой.