Css - изменение стиля 1-й буквы при наведении мышью

[Mike_tm]

Здравствуйте, я почти не разбираюсь в CSS, поэтому столкнулся с такой проблемой: "Нужно изменять стиль 1-й буквы при наведение мышью на слово (ссылку)", вот код к которому следует применить класс:

<ul class="css-menu-2">
<li><a href="/index.php"><span class="ClassForMenu">Г</span>лавная</a></li>
...

Вот сам класс:

a.ClassForMenu:hover {
color: orange;
font-weight:bold;
}

Когда делаю так, ничего не происходит при наведении мышью, а когда убиваю ":hover" то буква применяет стиль (независимо от того, навели ли на нее курсором или нет).

Подскажите что я не так делаю, заранее благодарю за помощь!

[lexxcode]

http://htmlbook.ru/css/first-letter

[klierik]

.css-menu-2 a > .ClassForMenu { ... }

[cool_grass]

<p><h1>Г<h1><span>лавная</span></p>

cSS

h1:hower{
color:red;}

[Mike_tm]

http://htmlbook.ru/css/first-letter

А если нужно чтобы стиль применялся при наведении курсором? Так?

P:first-letter:hover { ...}

.css-menu-2 a > .ClassForMenu { ... }

Не помогает,.

[klierik]

Не помогает,.

если мой способ не помог значит предоставленная разметка содержит ошибку.

[Mike_tm]

Не помогает,.

если мой способ не помог значит предоставленная разметка содержит ошибку.

Если делать так:

.css-menu-2 a .ClassForMenu:hover {
color: orange;
font-weight:bold;
}

То не работает, а без hover буква "Г" всегда оранжевая, а нужно только при наведении курсором.

Edited June 5, 2013 by Mike_tm

[klierik]

.css-menu-2 a:hover .ClassForMenu { ... }

[Mike_tm]

.css-menu-2 a:hover .ClassForMenu { ... }

Большое спасибо, а почему так? Если элемент в теге "a" нужно после "a" в стиле указывать ":hover" ?

p.s. К сожалению не могу поднять репутацию(.

[klierik]

Большое спасибо, а почему так? Если элемент в теге "a" нужно после "a" в стиле указывать ":hover" ?

но ведь ты сам сказал что тебе надо что бы был :hover на ссылке а не на элементе.

[Mike_tm]

Большое спасибо, а почему так? Если элемент в теге "a" нужно после "a" в стиле указывать ":hover" ?

но ведь ты сам сказал что тебе надо что бы был :hover на ссылке а не на элементе.

Просто посмотрел на другие варианты, и думал нужно приписать hover к классу. Ладно, еще раз спасибо, помог!

[amelice]

<p><h1>Г<h1><span>лавная</span></p>

cSS

h1:hower{
color:red;}

учите азы.

[lexxcode]

Почему не сделать так ? http://jsfiddle.net/alexriz/k3YcE/