静安王妃裴南苇 大佬有话说 :
请问个css的小问题
*{
margin:0;
padding:0;
}
.main{
width:49px;
height:49px;
background:#f09205;
position:relative;
margin:200px auto;
}
li{
list-style:none;
float:left;
}
ul{
position:absolute;
width:200%;
overflow: hidden;
}
.f:hover ul{
left:-49px;
}
</style>
</head>
<body>
<div class="main">
<ul>
<li class="f"><img src="images/mi-logo.png"></li>
<li><img src="images/mi-home.png"></li>
</ul>
</div>
</body>
想问下这个hover为啥没用？
大佬请赐教
谢谢
不用js用纯css
朕的大清完了？ 大佬有话说 :
.f:hover ul{
把ul去掉看看吧，
你这li标签里面又没有 ul怎么有效果
千牛 大佬有话说 :
？？？你hover写的啥。反了？还是没写
静安王妃裴南苇 大佬有话说 :
朕的大清完了？ 大佬有话说 : 2020-2-1 16:21
.f:hover ul{
把ul去掉看看吧，
谢谢
去掉ul没用
难道不能通过子的hover改变父吗?
静安王妃裴南苇 大佬有话说 :
千牛 大佬有话说 : 2020-2-1 16:22
？？？你hover写的啥。反了？还是没写
鼠标放在第一个li上整个ul向左偏移
静安王妃裴南苇 大佬有话说 :
哪位大佬给解释一下？
千牛 大佬有话说 :
你代码内容缺失，其次你这个属性加了毛用没用，具体自己研究
<head>
<style>
*{
margin:0;
padding:0;
}
.main{
width:49px;
height:49px;
background:#f09205;
position:relative;
margin:200px auto;
}
li{
list-style:none;
float:left;
}
ul{
position:absolute;
width:200%;
overflow: hidden;
}
.main:hover{
left:-49px;
}
</style>
</head>
<body>
<div class="main">
<ul>
<li class="f"><img src="images/mi-logo.png"></li>
<li><img src="images/mi-home.png"></li>
</ul>
</div>
</body>
cnly1987 大佬有话说 :
ul>li. f:hover