5

也许这是一个愚蠢的问题，但我相信它对许多初学者很有用。我已经构建了一个代码。我要做的是仅在实际悬停时才显示<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>整个 divpromo2a悬停时显示文本。

任何帮助都将不胜感激。先感谢您。

4

2 回答 2

12

尝试

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

或任何适合您的需求

于 2012-07-28T12:27:14.003 回答
1

你已经很接近了，我只需要使用 :hover 来显示，例如：

.promo2a:hover p { display: block; }
于 2012-07-28T12:28:12.610 回答