html - CSS: ホバー表示ブロックが機能しない

Question

ホバリングに関する次の html では、li.visibleLi li.invisibleLi を表示する必要があります。

<ul>
  <li class="visibleLi">Web Design</li>
  <li class="invisibleLi">Web Development</li>
  <li class="invisibleLi">Illustrations</li>
</ul>

次のcssを試しました：

li.invisibleLi { display: none; }
li.visibleLi:hover li.invisibleLi{ display: block; }

しかし、それは機能していません..誰かが私を修正してもらえますか?

助けてください、ありがとう。

Answer 1

要素間のスペースは子を探します。スペースだけでなくコンマを試してください。