a href не набирает стиль

Question

Я думаю, что я особенно глуп. У меня есть ссылка, которая является частью навигационной панели. Он поднимает стиль наведения/посещения, но по какой-то причине я не могу понять, что он не будет использовать стиль «link», что я делаю неправильно? Вот таблица стилей и теги:

<table border="1" cellpadding="0" cellspacing="0" style="width:950px;height:37px;"> 
         <tr> 
          <td style="width:157px;height:37px; line-height:37px;"> 
           <span class="test"> 
            <a href="Default.aspx">Home</a> 
           </span> 
          </td>... 

CSS:

.test a:link { 
background-image: url('Images/Button_Home.png'); 
display:block; 
font-family:Arial; 
font-size:9pt; 
font-weight:bold; 
color:#000; 
text-align:center; 
vertical-align:middle; 
text-decoration:none; 
} 

.test a:hover { 
background-image: url('Images/Button_Over.png'); 
display:block; 
font-family:Arial; 
font-size:9pt; 
font-weight:bold; 
color:#000; 
text-align:center; 
vertical-align:middle; 
text-decoration:none; 
} 

.test a:active{ 
display:block; 
text-align:left; 
} 

Я проверил действительно тщательно и ничего не (должен) быть мешая это, на самом деле на этой странице есть только три ссылки, нет других стилей, ничего, тьфу.

спасибо R.

Answer 1

Возможно, он уже был посещен. Попробуйте это:

.test a:link, .test a:visited { 
... style rules ... 
} 

Answer 2

Он отлично работает для меня в IE8 и FF3.5 - это Images/Button_Home.png существует?

Answer 3

Очистить кэш. Убедитесь, что «Images/Button_Home.png» действительно есть. Добавьте к этому селектору другой стиль - большую границу или другой цвет или что-то еще, чтобы вы могли определить, действительно ли селектор не работает, или если это только одна строка.

Кроме того, вздохните. Пойдите, возьмите немного воды. Прогуливаться. Когда вы вернетесь, это будет иметь больше смысла.

Answer 4

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

... Ваш класс «тест» находится на элементе span, а не на ссылке. IE в особенности (особенно IE < 7) может быть очень темпераментным, когда дело доходит до ссылок, и если я помню righyly, у IE есть вещь, касающаяся состояний зависания, только правильно функционирующих на элементах ссылок (хотя, поскольку ваш стиль работает нормально при наведении, очевидно, что конкретная проблема с наведением не является проблемой в этом случае.

Ваш CSS имеет смысл, учитывая образец HTML, который вы показывали, но иногда, ставя стиль в элемент ссылки сам, а не содержащий элемент меньше проблематичной (и то, что я в конечном итоге делает ранее сегодня с моей проблемой).

<a class="test" href="Default.aspx">Home</a> 

... может сделать трюк, но если нет, то я предлагаю получить подкрепление ... если вы не s Уроки порядка наследования или вещи становятся очень сложными, и вы не уверены в том, что другие стили противоречат стилю, отличный инструмент для выбора, какие селекторы использовать, а именно буклеты XRAY и MRI от John Allsopp - http://www.456bereastreet.com/archive/200710/css_diagnostics_with_xray_and_mri/

Просто drag 'n' поместите их в панель закладок вашего браузера. XRAY предоставляет вам элемент, id и класс любого экранного элемента, на который вы нажимаете, а также его позицию и маржу, заполнение и информацию о границе, а также наследственную иерархию. Когда вы нажимаете на любой элемент на экране, MRI дает вам предлагаемые селектор для элемента, который затем можно скопировать и вставить в текстовый редактор. Чтобы активировать оба, вы просто нажимаете на них, где бы вы их не удалили в своем браузере, а затем появляется плавающее оверлей, которое при нажатии на элемент отображает всю соответствующую информацию об этом элементе. Я считаю бесценным, когда мне трудно понять, почему стиль не ведет себя так, как я ожидал.