Wpływanie na elementy potomne przez modyfikowanie rodzica przez CSS. Czy to możliwe?

Może to głupie pytanie, ale jestem pewien, że będzie przydatne dla wielu początkujących. Skonstruowałem kod. Próbuję wyświetlić tekst (w<p> tagi), która jest obecnie ukryta, tylko wtedy, gdy<a> jest zawisły. Czy to możliwe bez js? Czy można to zrobić działając tylko na css / html? kod HTML jest tutaj:

                <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> 

oraz css, które odpowiadają powyższemu html:

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

}

.promo2a p{
display:none;

}

Więc zasadniczo chcę tekst<p> do wyświetlenia, gdy cały divpromo2a jest zawisły.

Każda pomoc jest mile widziana. Z góry dziękuję.

questionAnswers(2)

yourAnswerToTheQuestion