通过CSS修改父元素来影响子元素.可能吗？

Question

也许这是一个愚蠢的问题,但我相信它对许多初学者都有用.我构建了一个代码.我要做的是显示<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> 

以及与上述html对应的css:

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

}

.promo2a p{
display:none;

}

所以基本上我希望在<p>整个div promo2a悬停时显示文本.

任何帮助都非常感谢.先感谢您.

Answer 1

尝试

.promo2a:hover > p {display:block;}

或任何适合您的需求