Удалить подчеркивание из ссылки в гиперссылке div

Question

Я использую HTML ниже

<a href=""><div class="logo"><span class="whologo">hyperlinked text </span>
</div></a>

проблема, с которой я сталкиваюсь, заключается в том, что единственный способ удалить подчеркивание из текста диапазона использует a:link{text-decoration:none;}, но это удаляет подчеркивания из ВСЕХ ссылок со всей страницы

Я пытался

a.logo:link{text-decoration:none;}

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

Answer 1

У вас неправильная иерархия и неправильный выбор элементов.В вашем случае наиболее точным CSS будет:

a div.logo span.whologo {text-decoration:none;}

---

Но я предлагаю такой подход:

<div class="logo"><a href=""><span class="whologo">hyperlinked text </span></a>

И CSS:

div.logo a {text-decoration:none;}

Или, если необходимо, включить интервал (но только если элемент span имеет подчеркивание, как указал Ганс в комментарии):

div.logo a span.whologo {text-decoration:none;}

Answer 2

Проверьте это

 <style type="text/css">
    .linkTst{text-decoration:none;} 
    </style>

<div class="logo"><a href="" class="linkTst"><span class="whologo">hyperlinked text </span>
   </a> </div>

Answer 3

Дочерние элементы не могут влиять на своих родителей с помощью CSS.Вам нужно добавить идентификатор или имя класса в ваш тег A или найти что-то уникальное в дереве, которое вы можете указать для этого элемента.

Answer 4

Поместите класс на свой тег, где вы не хотите подчеркивание

, например: http://jsfiddle.net/UL8SW/

Answer 5

Прежде всего: это недействительный html ... И вы должны дать вашему a класс или идентификатор, иначе это невозможно с удаленным css. Это возможно с помощью встроенного CSS ...