0
我在那裏當點擊 在右上角的按鈕，我的網站水平導航欄上的工作，水平導航欄
https://i.stack.imgur.com/USPzf.jpg
附加選項出現，
，然後將鼠標懸停在其他選項，更多的選項出現：
https://i.stack.imgur.com/M7GWI.jpg
但是，正如截圖所示，'Option'，'Option2'和'Option3'不是彼此內聯的，這是我的目標。下面是HTML：
#menu{
}
#ulmain{
}
#limain{
\t list-style:none;
}
#ulsub {
\t visibility:hidden;
}
#lisub{
\t list-style:none;
\t display:inline;
}
#ulmain:hover #ulsub{
\t visibility:visible;
}
#ulsubsub {
\t visibility:hidden;
}
#lisub:hover #ulsubsub{
\t visibility:visible;
}
#lisubsub{
\t list-style:none;
\t display:inline;
}
#menu a{
\t background-color:pink;
\t text-decoration:none;
}
#ulmain, #ulsub{
\t display:inline;
}<!DOCTYPE html>
<html lang="en">
\t <head>
\t \t <link rel="stylesheet" href="index.css">
\t \t <title>New Menu</title>
\t </head>
\t <body>
\t \t <div id="menu">
\t \t \t <ul id="ulmain">
\t \t \t \t <li id="limain"><a id="amain" href="#">Menu</a>
\t \t \t \t \t <ul id="ulsub">
\t \t \t \t \t \t <li id="lisub"><a id="asub" href="#">Option</a>
\t \t \t \t \t \t \t <ul id="ulsubsub">
\t \t \t \t \t \t \t \t <li id="lisubsub"><a href="#">Sub-Option</a></li>
\t \t \t \t \t \t \t \t <li id="lisubsub"><a href="#">Sub-Option2</a></li>
\t \t \t \t \t \t \t </ul>
\t \t \t \t \t \t </li>
\t \t \t \t \t \t <li id="lisub"><a href="#">Option2</a>
\t \t \t \t \t \t \t <ul id="ulsubsub">
\t \t \t \t \t \t \t \t <li id="lisubsub"><a href="#">Sub-Option3</a></li>
\t \t \t \t \t \t \t \t <li id="lisubsub"><a href="#">Sub-Option4</a></li>
\t \t \t \t \t \t \t </ul>
\t \t \t \t \t \t </li>
\t \t \t \t \t \t <li id="lisub"><a href="#">Option3</a>
\t \t \t \t \t \t \t <ul id="ulsubsub">
\t \t \t \t \t \t \t \t <li id="lisubsub"><a href="#">Sub-Option5</a></li>
\t \t \t \t \t \t \t \t <li id="lisubsub"><a href="#">Sub-Option6</a></li>
\t \t \t \t \t \t \t </ul>
\t \t \t \t \t \t </li>
\t \t \t \t \t </ul>
\t \t \t \t </li>
\t \t \t </ul>
\t \t </div>
\t </body>
</html>我怎樣才能獲得 '選項'， '選項2' 和 '2選項' 內聯？謝謝。
有一個在這裏閱讀：https://css-tricks.com/the-difference-between-id-and-class/然後調整你的代碼。 – Gerard