如何将鼠标悬停在div ID上时更改颜色？

Question

我在我的HTML中创建了一个div id，并在我的css中绘制了条形图。 现在我想改变悬停在酒吧上的颜色。

这里是我的HTML的一个例子

<div id="balklongwaarde"> 
</div> 

这里是我的CSS，我画的div

#balklongwaarde{ 
height: 150px; 
width: 40px; 
border: 1px solid #2e9afe; 
background: #2e9afe; 
position: absolute; 
margin-top: 200px; 
margin-left: 200px; 
} 

如何改变背景颜色，当鼠标悬停在酒吧？

Answer 1

#balklongwaarde:hover{ 
    background-color: blue; 
} 

Answer 2

在CSS

#balklongwaarde:hover{background-color:red;}