2012-05-04 77 views
2

如果我在同一級別有3個div(不是另一個)。如何在不使用ID和類的情況下懸停一個div時更改其他div的顏色。我想財產以後這樣的:相同級別的CSS

<div id="1" ></div> 
<div></div> 
<div></div> 

和CSS:

#1 :hover <body> div 
{ 
    //Here I change the things 
} 
+0

所有的課都好嗎? –

+2

我想你還需要javascript也 –

回答

17

使用一般的兄弟姐妹Combinator的

#yourId:hover ~ div 
{ 
    color:red; 
} 

還要注意,ID必須以字母開頭。 W3 ID Attribute

Example

+0

如果我想要那些之前改變的div呢? – user1365010

+1

正如我對你的新問題的評論所述,這是不可能的。 – BoltClock

+0

@ user1365010在這種情況下,你必須去Petah的答案,還沒有一個CSS父母選擇器。 – SupremeDud

2

將包裝在他們身邊,然後把懸停在包裝紙。

<div class="wrapper"> 
    <div class="element">foo</div> 
    <div class="element">bar</div> 
    <div class="element">baz</div> 
</div> 

.wrapper:hover .element { 
    color: red; 
} 

例子:http://jsfiddle.net/EB92r/