0
このメニューはコード化されていますが、他の方法も試してみましたが、2番目のulリストとil要素を対象に表示するのに問題があるようですドロップダウンメニュー、誰もがこのコードの問題を見ることができますか？ドロップダウンメニューのulおよびli要素のトラブルシューティング
ありがとうございました！
HTML:
<!DOCTYPE html>
<html>
<head>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="nav">
<div id="wrapper">
<ul>
<li>About</li>
<li>News</li>
<li>Artists</li>
<ul>
<li>Kasi</li>
<li>Sin</li>
<li>WORDUP</li>
</ul>
<li>Videos</li>
<li>Store</li>
</ul>
</div>
</div>
</body>
</html>
CSS:
body {
padding: 0;
margin: 0;
font-size: 20px;
}
#nav {
background-color: #222;
color: #FFF;
}
#nav_wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
}
#nav ul {
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
}
#nav ul li {
display: inline-block;
padding: 5px 25px;
}
#nav ul li:hover{
color: #FFDF00
}
#nav ul li:hover ul{
display: block;
}
#nav ul ul{
display: none;
position: absolute;
}