CSS:在悬停显示块上不起作用

尔玛

为了在悬停时跟随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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ul悬停显示项不起作用

来自分类Dev

CSS“悬停”在滑块上不起作用

来自分类Dev

jQuery:CSS显示块不起作用

来自分类Dev

CSS显示:块不起作用

来自分类Dev

显示块上的悬停过渡不起作用

来自分类Dev

悬停在div上不起作用

来自分类Dev

CSS / HTML:悬停时显示div不起作用

来自分类Dev

显示内联块在col-xs-6引导程序上不起作用

来自分类Dev

为什么显示块在输入字段焦点上不起作用?

来自分类Dev

CSS:使用悬停显示div

来自分类Dev

CSS悬停在绝对位置上不起作用吗?

来自分类Dev

CSS:悬停在iOS Safari和Chrome上不起作用

来自分类Dev

CSS悬停有时在SVG路径上不起作用

来自分类Dev

CSS悬停div影响其他div在Google Chrome上不起作用

来自分类Dev

CSS Mask在Firefox上不起作用

来自分类Dev

Google字体在CSS上不起作用

来自分类Dev

CSS Calc在Safari上不起作用

来自分类Dev

css 文件在 wahmpserver 上不起作用?

来自分类Dev

悬停在禁用的输入字段上不起作用吗?

来自分类Dev

悬停意图javascript在div结构菜单上不起作用

来自分类Dev

jQuery悬停在imagemap上不起作用

来自分类Dev

悬停在禁用的输入字段上不起作用吗?

来自分类Dev

悬停在跨度上不起作用

来自分类Dev

悬停在下拉菜单上不起作用

来自分类Dev

:更改backgroundColor后,悬停在<li>上不起作用

来自分类Dev

将鼠标悬停在<li>上不起作用!

来自分类Dev

在悬停时显示图像不起作用

来自分类Dev

悬停+ div:显示不起作用

来自分类Dev

隐藏 <div> 块在移动设备上不起作用