簡介
div:hover{
background:red;}
當鼠標浮動到div標簽上的時候，div標簽才會顯示出background:red的樣式。為了確保生效，:hover規則需要放在:link和:visited規則之后，但是在:active規則之前。
注意: 在觸摸屏上
:hover有問題，基本不可用。不同的瀏覽器上:hover偽類表現不同。
下拉按鈕
使用:hover 偽類可以創建復雜的層疊機制。一個常見用途，比如，創建一個純CSS的下拉按鈕（不使用JavaScript）。 本質是創建如下的CSS：
<style>
div.menu-bar ul ul{
display:none;
}
div.menu-bar li:hover>ul{
display:block;
}
</style>
<div class="menu-bar">
<ul>
<li>
<a href="example.html">Menu</a>
<ul>
<li>
<a href="example.html">Link</a>
</li>
<li>
<a class="menu-nav" href="example.html">Submenu</a>
<ul>
<li>
<a class="menu-nav" href="example.html">Submenu</a>
<ul>
<li><a href="example.html">Link</a></li>
<li><a href="example.html">Link</a></li>
<li><a href="example.html">Link</a></li>
<li><a href="example.html">Link</a></li>
</ul>
</li>
<li><a href="example.html">Link</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
