簡介
div:hover{
background:red;}
當(dāng)鼠標(biāo)浮動(dòng)到div標(biāo)簽上的時(shí)候奴迅，div標(biāo)簽才會(huì)顯示出background:red的樣式。為了確保生效，:hover規(guī)則需要放在:link和:visited規(guī)則之后饼灿，但是在:active規(guī)則之前。
注意: 在觸摸屏上
:hover有問題帝美，基本不可用碍彭。不同的瀏覽器上:hover偽類表現(xiàn)不同。
下拉按鈕
使用:hover 偽類可以創(chuàng)建復(fù)雜的層疊機(jī)制悼潭。一個(gè)常見用途庇忌，比如，創(chuàng)建一個(gè)純CSS的下拉按鈕（不使用JavaScript）舰褪。 本質(zhì)是創(chuàng)建如下的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>
