Воздействие на дочерние элементы путем изменения родительских элементов с помощью CSS. Является ли это возможным?

Возможно, это глупый вопрос, но я уверен, что он будет полезен для многих новичков. Я построил код. Что я пытаюсь сделать, так это отобразить текст (в тегах <p>), который в настоящее время скрыт, только при наведении фактического <a>. Возможно ли это без js? Можно ли это сделать, работая только с css/html? HTML-код здесь:

                <div class="promo2">
                    <a href="speakers-hire.html">
                        <div class="promo2a">
                            <p>SPEAKERS</p>
                        </div>
                    </a>

                    <a href="decks-hire.html">
                         <div class="promo2a">
                            <p>CD PLAYERS</p>
                        </div>
                    </a>

                </div> 

и css, которые соответствуют приведенному выше html:

.promo2a:hover{
background:url(../_images/generic/glass5.png);
display:inline-block;

}

.promo2a p{
display:none;

}

Итак, в основном я хочу, чтобы текст в <p>отображался при наведении курсора на весь div promo2a.

Любая помощь приветствуется. Заранее спасибо.