當子元素懸停時給父元素的樣式

我有一個ul（父）裏面有另一個ul在那裏。父UL當子元素懸停時給父元素的樣式

ul:hover>ul{ 

}

父UL徘徊時，這提供了風格給孩子UL徘徊時，我已經給風格孩子UL使用下面的代碼。現在，我想在懸停在孩子ul上時給父母ul樣式嗎？

有什麼可行的辦法嗎？

來源

2013-10-08 Midhun Mathew

直到現在還沒有父母選擇器..... –

你應該使用jquery。 – ncm

你不能這樣做使用當前的CSS技術。但css4將有父母選擇器。截至目前，如果您告訴我們您的具體要求，我們可能會幫助您。 –

截至目前，在CSS中沒有像這樣的東西。爲CSS4 Selectors該規範不包括主題選擇，這樣可以讓你解決這個問題這樣的：

!ul > li:hover { ... }

現在你必須使用JavaScript，如果你不能迴避這個問題。

一個jQuery的方式做到這一點：

$('ul').on({ 
    mouseenter: function() { 
     $(this).parent('ul').addClass('ishovered'); 
    }, 
    mouseleave: function() { 
     $(this).parent('ul').removeClass('ishovered'); 
    } 
});

這樣，您可以使用.ishovered類通過CSS風格你父列表。

來源

2013-10-08 09:18:16 MildlySerious

+1好請檢查我的答案，並告訴我，如果我錯了。 – ncm

謝謝！你根本沒有錯，你的解決方案很好。你的回答只是缺乏解釋*爲什麼*這個解決方案是必需的。 – MildlySerious

謝謝，但我認爲我不應該採取-1。無論如何，我刪除了我的答案，因爲一個人沒有理由給了我一個投票。 – ncm

當子元素懸停時給父元素的樣式

回答

相關問題