通过CSS修改父影响的子元素。 可能吗？(Affecting child elements by

也许这是一个愚蠢的问题，但我敢肯定，这将是有益的许多初学者。 我已经建造了一个代码。 我正在试图做的是要显示的文本（在<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盘旋。

任何帮助，恳请赞赏。 先感谢您。

Answer 1:

尝试

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

或任何适合您的需要

Answer 2:

你得到相当接近，我只需要使用：悬停显示，例如：

.promo2a:hover p { display: block; }

文章来源: Affecting child elements by modifying the parent by CSS. is it possible?