通过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;

}

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

非常感谢任何帮助。提前谢谢。

Answer 1

尝试

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

或任何适合您需求的

Answer 2

你非常接近，我只需要使用：悬停显示，例如：

.promo2a:hover p { display: block; }