2017-09-23 23 views
0

可以說我有在兩端1在我的網站位置2種元素在最右邊和其他最左邊像如何在css中的特定事件之後觸發元素的選擇?

enter image description here

我如何使它所以,當我將鼠標懸停在元素1個部分有關元素2更改的屬性表示它是顏色。我已經嘗試嵌套選擇喜歡 -

#element1:hover{ 
 
#element2{ 
 
background-color:black; 
 
} 
 
}

,但沒有奏效。有沒有辦法實現這一點只使用CSS和HTML如果是這樣?

+2

的可能的複製(HTTPS [開一個CSS懸停事件,我可以改變另一個div的造型?]:/ /stackoverflow.com/questions/6910049/on-a-css-hover-event-can-i-change-another-divs-styling) –

回答

0

#element1:hover ~ #element2{ 
 
    background-color:black; 
 
} 
 

 
div{ 
 
    width: 200px; 
 
    height: 200px; 
 
    background: red; 
 
    color: white; 
 
}
<div id="element1"> 
 
    el1 
 
</div> 
 

 
<div id="element2"> 
 
    el2 
 
</div>

你應該學習如何使用CSS選擇器像~+

相關問題