为了在悬停时跟随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; }
但这不起作用。有人可以纠正我吗?
请帮忙,谢谢。
你这样尝试-
ul li.invisibleLi { display: none; }
ul li.visibleLi:hover ~ li.invisibleLi{ display: block; }
<ul>
<li class="visibleLi">Web Design</li>
<li class="invisibleLi">Web Development</li>
<li class="invisibleLi">Illustrations</li>
</ul>
希望对您有帮助
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句