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

也许这是一个愚蠢的问题，但我相信它会对很多初学者有用。我已经构建了一个代码。我试图做的是显示文本（<p>标签），目前隐藏，只有当实际<a>徘徊。这可能没有js？可以通过仅在css/html上进行操作吗？的HTML代码是在这里：通过用CSS修改父项来影响子元素。可能吗？

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

}

所以基本上我想要的文字在整个div promo2a被徘徊时显示在<p>中。

任何帮助表示感谢。先谢谢你。

来源

2012-07-28 Piotr Ciszewski

尝试

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

或任何适合您的需求

来源

2012-07-28 12:27:14 amon

多么简单和伟大！谢谢@amon – 2012-07-28 12:28:15

太棒了。谢谢。 – 2014-12-17 20:11:27

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

.promo2a:hover p { display: block; }

来源

2012-07-28 12:28:12 devundef

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

回答

相关问题