純CSS下拉選單

<ul>
<li><a href="#">最新資訊</a>
<ul>
<li><a href="#">器材介紹</a></li>
<li><a href="#">購買指南</a></li>
<li><a href="#">產品評測</a></li>
</ul>
</li>
</ul>







.nav {
background-color:#000;
}
.nav ul{
list-style-type: none;
padding:0px;
margin:0px;
}
.nav li{
display: inline-block;
margin: 0px 10px;
position: relative;
}
.nav a{
color:#FFF;
text-decoration: none;
line-height: 26px;
font-size: 14px;
}
.nav a:hover{
text-decoration: underline;
}
.nav ul ul{
position: absolute;
background-color:#000;
left:-10px;
width: 110px;
display: none;
}
.nav ul li:hover > ul {
display: block;
}