HTML – 我想保持ul li()隐藏.当我将鼠标悬停在h2标签上时,将显示ul li a()

概述代码在这里： .contentGruop ul{ margin:0; padding:0;}.contentGruop li { list-style: outside none none;}.contentGruop a{ color:#fff;}.contentGruop{ display:none;}h2{ display:block;}h2:ho 代码在这里：

.contentGruop ul{  margin:0;  padding:0;}.contentGruop li {  List-style: outsIDe none none;}.contentGruop a{  color:#fff;}.contentGruop{  display:none;}h2{  display:block;}h2:hover + .contentGruop {  display: block;}

<table cellpadding="0" cellspacing="0" align="center" >  <tr>    <td>      <h2><a href="#" >Sweater</a></h2>      <p>The code business</p>      <ul >        <li><a href="">Intimate-Attire</a></li>        <li><a href="">Intimate-Attire</a></li>        <li><a href="">Intimate-Attire</a></li>      </ul>    </td>  </tr></table>

它不起作用.如果有人知道我在哪里可以找到代码示例,或者可以指引我朝着正确的方向发展,我会非常感激！

解决方法 用〜( General sibling selectors)代替( Adjacent sibling selectors).

就像：

h2:hover ~ .contentGruop {  display: block;}

看看下面的代码：

.contentGruop {    margin:0;    padding:0;}.contentGruop li {List-style: outsIDe none none;}.contentGruop a{color:#000;}.contentGruop{display:none;}h2{display:block;}h2:hover ~ .contentGruop {display: block;}

<table cellpadding="0" cellspacing="0" align="center" >        <tr>         <td>            <h2><a href="#" >Sweater</a></h2>            <p>The code business</p>            <ul >                <li><a href="">Intimate-Attire</a></li>                <li><a href="">Intimate-Attire</a></li>                <li><a href="">Intimate-Attire</a></li>            </ul>        </td>    </tr></table>

希望这可以帮助！

总结

以上是内存溢出为你收集整理的HTML – 我想保持ul li()隐藏.当我将鼠标悬停在h2标签上时,将显示ul li a()全部内容，希望文章能够帮你解决HTML – 我想保持ul li()隐藏.当我将鼠标悬停在h2标签上时,将显示ul li a()所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。