將鼠標懸停在小孩身上，影響父母。只用CSS可能嗎？

是否有可能影響用戶將鼠標懸停在CSS3中的父級對象上？將鼠標懸停在小孩身上，影響父母。只用CSS可能嗎？

即

<div class="random"> 
<img src="image.png"> 
</div> 

.random img:hover { 
    somehow affect .random? 
}

我知道這是很容易做到與jQuery，JS等，但希望掌控從遠離JS儘可能。

來源

2013-05-07 Dominic England

目前這不是可能的，但是有關於在CSS中引入父代選擇器的討論。 – Sirko 2013-05-07 18:24:03

[有沒有CSS父選擇器？]（http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector）（[接受的答案]（http：// stackoverflow .com/a/1014958/419956）提到了CSS2，CSS3和CSS4） – Jeroen 2013-05-07 18:24:18

啊，可惜，歡呼的答案雖然。抱歉找不到以前提出的問題。 – 2013-05-07 18:55:32

僅今天使用css是不可能的，但是如果你想做簡單的事情，比如當你將內部元素懸停時改變父母的背景，你可以使用兄弟模擬背景。這樣您就可以使用「+」選擇器實現結果。

<div class="container"> 
    <span class="content">something</span> 
    <span class="bg"></span> 
</div>

然而，要做到這一點，你必須使用絕對定位工作和處理與它的副作用，比如中心的東西和明確的尺寸，這裏有一個例子：http://jsfiddle.net/PYN6P/

來源

2014-03-11 15:14:33

將鼠標懸停在小孩身上，影響父母。只用CSS可能嗎？

回答

相關問題