css僞類，懸停在一個元素上改變不同元素的屬性

我想知道如何設置CSS僞類，特別是懸停，所以當我把鼠標懸停在一個元素上，就像一個具有ID的div，不同的屬性與ID的div得到改變？css僞類，懸停在一個元素上改變不同元素的屬性

因此通常會是這樣：

#3dstack:hover { 
    listed properties 
}

我不知道的變化將是有它懸停在DIV id爲3dstack，並改變它的另一個DIV什麼。

來源

2012-03-19 loriensleafs

除非元素要更改的屬性，我不認爲這是可能是後代或懸停元素的兄弟姐妹，在這種情況下，你可以這樣做：

#myElement:hover #myElementDescendent { 
    background-color: blue; 
} 

/*or*/ 

#myElement:hover + #myElementSibling { 
    background-color: blue; 
}

當然，你可以始終使用jQuery做到這一點：

$("#anelement").hover(
    function() { 
     $("otherelement").css("background-color", "blue"); 
    });

See the differences here

來源

2012-03-19 16:11:14 joeschmidt45

一個孩子，一個後代，一個兄弟姐妹，甚至是一個兄弟姐妹的孩子/後代，或者......你得到的照片。 – BoltClock 2012-03-19 16:21:59

沒錯，任何CSS選擇器都可以工作，添加修訂版。 – joeschmidt45 2012-03-20 04:37:16

所以你做的演示工作，我試圖讓這個小提琴工作在你翻身的地方，不透明度在這種情況下改變，第二個包含div的特定圖層。 http://jsfiddle.net/7EH7X/當我翻身它沒有什麼似乎改變，我不知道我要去哪裏錯了，我試圖改變的div是一個孩子，而我至於我可以說它和你所做的一樣。最後，我想讓所有四個孩子在翻身時改變姿勢。 – loriensleafs 2012-03-20 13:11:54

僅憑這一點是不可能的CSS。您將不得不使用JavaScript事件處理程序。例如，使用jQuery的hover：

$('#3dstack').hover(function() { 
    $('#otherID').toggleClass('properties');  
});

DEMO

來源

2012-03-19 16:11:46 paislee

所以我嘗試了你在這裏http://jsfiddle.net/7EH7X/1/所做的，但是我無法讓它工作，你能快速查看它嗎？ – loriensleafs 2012-03-20 14:06:32

視覺你可以做到這一點使用LESS，但它實際上是使用JavaScript引擎罩下。

來源

2012-03-19 16:16:18

css僞類，懸停在一個元素上改變不同元素的屬性

回答

相關問題