Проблема с селектором CSS

Question

У меня есть ссылка <a href="..." class="fancylink">text</a>

Я использовал код

.fancy
{
    text-decoration:none;
}

но он все еще подчеркивается, если я установил его как "подчеркнутый", он подчеркивает его дважды

То есть я не могу контролировать стиль ссылок с помощью класса?

Answer 1

Похоже, у вас есть граница внизу, попробуйте это:

.fancy
{
  text-decoration:none;
  border:none;
}

Теперь примените этот класс к вашей ссылке:

<a href="whatever" class="fancy">Link</a>

Edit:

Поскольку вы обновили свой вопрос. Вы определили стиль fancy, но вы применяете класс fancylink для неверной ссылки, используйте в ссылке тоже имя класса, то есть fancy.

Answer 2

Если он получит «двойное подчеркивание», это означает, что у вас есть нижняя граница.
Используйте такой инструмент, как FireBug, чтобы точно определить стиль, также возможно, что у вас будет более сильный селектор, скрывающий новое правило.

Answer 3

Ваша ссылка устанавливает класс fancylink, а ваш CSS определяет вызов класса fancy.

Сделайте их одинаковыми, и вы будете в бизнесе.

Answer 4

Я почти могу поспорить, что проблема в "каскаде". Я рекомендую использовать Firebug для отладки вашего CSS.

http://getfirebug.com/

Кроме того, если у вас установлен IE8, инструменты разработчика также хороши.