hover для а с id

[resoursa]

Подскажите пожалуйста, как присвоить :hover для <a> с #id.

Вот код, получается для тегов <a> нужен :hover.

<div id="icons">
   <a href="#" id="site_map_icon" title="Карта сайта"></a>
   <a href="#" id="cotact_icon" title="Контакты"></a>
</div>

div#icons {
	width:100%;
	height:25px;
	border:1px solid #f8f8f8;
	}
#cotact_icon {
	width:12px;
	height:9px;
	background:url(../../img/cont_icon.png);
	display:block;
	margin:7px 40px 0 auto;
	}
#site_map_icon {
	width:17px;
	height:9px;
	background:url(../../img/map_icon.png);
	display:block;
	float:right;
	margin:7px 10px 0 auto;
	}

[Softlink]

а в чем, собственно сложность?

#cotact_icon:hover{...}

[Temiks]

а в чем, собственно сложность?

#cotact_icon:hover{...}

Может лучше так

#cotact_icon:hover а{...}

Или так

a:hover {...}

Ведь нужен hover для ссылки

Edited August 11, 2011 by Temiks

[resoursa]

а в чем, собственно сложность?

#cotact_icon:hover{...}

Ну например в хроме не работает... и с а тоже...

Ага, а так он зацепит все ссылки, а мне нужно только эти...

Edited August 11, 2011 by resoursa

[Temiks]

Ага, а так он зацепит все ссылки, а мне нужно только эти...

Тогда так

#icons a:hover {...}

[Softlink]

Может лучше так

#cotact_icon:hover а{...}

Так обычно делают, чтобы отреагировал какой-то элемент, зависимый от #cotact_icon. А так селектор становится бессмысленным. Ведь #cotact_icon - это уже и есть ссылка.

Или так

a:hover {...}

Ведь нужен hover для ссылки

Так не будет работать. Насколько я знаю, селектор по тегу не имеет приоритета перед id.

а в чем, собственно сложность?

#cotact_icon:hover{...}

Ну например в хроме не работает... и с а тоже...

Ага, а так он зацепит все ссылки, а мне нужно только эти...

Как это не работает? У меня все работает.

[resoursa]

Как это не работает? У меня все работает.

О! Заработало, может чего не внимательно сделал огромный сенкс!!!

Да! Проблема в том что кеш чистить надо иногда... Shift+Ctrl+Del для хрома...

Edited August 11, 2011 by resoursa