еще одна проблемка с ссылками

[amalia]

Походу верстки своего первого сайта вылезла еще одна проблема. 

 

Что мне нужно получить: 

Как видите при наведении меняется цвет и цифры и текста. Поэтому я решила поместить цифры в спан и задать им отдельные стили: 

<ul><li><a href="#"><span class="number">1</span>Lorem ipsum</a></li><li><a href="#"><span class="number">2</span>ea mollitia</a></li><li><a href="#"><span class="number">3</span>assumenda minima</a></li><li><a href="#"><span class="number">4</span>sit amet</a></li></ul>

С текстом я разобралась, там то нет проблем

#menu ul li a:hover {	color: #29c5e6}

А как прописать hover для цифр, если он в спане. А когда я делаю .number a:hover { } ничего не меняется.

[Great Rash]

a:hover .number - слева родитель, справа потомок.

[amalia]

a:hover .number - слева родитель, справа потомок.

огроооомнейшнее спасибо. Долго мучилась