CSS更改懸停時沒有同級或子元素屬性

我想知道是否有能力更改不是元素的直接子元素或元素的兄弟元素懸停的元素的CSS。CSS更改懸停時沒有同級或子元素屬性

<style> 

    .one:hover .two { 
     color:red; 
    } 

</style> 

<div> 
    <div class="one"> 
     111  
    </div> 
</div> 

<div class="two"> 
    222 
</div>

http://jsfiddle.net/hgd0drky/

來源

2014-12-08 Roman Toasov

你想設置兩個元素懸停的屬性嗎？沒有任何孩子或父母的關係？ – skv 2014-12-08 01:33:34

我不認爲只有CSS纔有可能。你將需要一些javascript – user1709251 2014-12-08 01:37:04

這個問題已被問了很多次，請更努力地搜索。唯一的選擇是''標籤=''黑客。 – 2014-12-08 04:45:13

除非你父元素添加到兩個，讓他們有兒童/姐妹關係，不可能完全基於CSS。

您需要的JavaScript，但表現出多麼容易這樣就可以了，我會彌補CSS

http://jsfiddle.net/hgd0drky/1/

<div class="one"> 
    <div > 
     111 
    </div> 

    <div class="two"> 
     222 
    </div> 
</div>

CSS

.one:hover div {color:red;} 
.one:hover .two {color:red;}

這僅僅是一個擴展您的碼。

來源

2014-12-08 01:48:07 skv

赫赫問題是，如果它可以與特定序列的div的工作，我知道如何使其正常工作... – 2014-12-08 19:29:43

我明白你的問題，答案是，它不可能沒有Javascript – skv 2014-12-08 23:25:40

CSS更改懸停時沒有同級或子元素屬性

回答

相關問題