通過用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修改父項來影響子元素。可能嗎？

回答

相關問題