我想在使用3個不同div的容器上使用懸停效果,在懸停時它需要更改填充尺寸。對其他DIV不起作用的懸停效果
我試過使用+,>,〜但似乎沒有任何工作。
#menu_sym {
left: 0px;
font-size: 40px;
color: rgba(0, 0, 0, 1);
position: fixed;
z-index: 9999;
margin-top: 40px;
margin-right: 0px;
line-height: 0;
}
.line_triple {
padding-top: 7px;
cursor: pointer;
}
#line_1 {
padding-left: 7px;
}
#line_2 {
padding-left: 10px;
}
#line_3 {
padding-left: 0px;
}
#menu_sym:hover > #line_1,
#line_2,
#line_3 {
padding-left: 0px;
}
<div id="menu_sym">
<div id="triple_line">
<div class="line_triple" id="line_1">—</div>
<div class="line_triple" id="line_2">—</div>
<div class="line_triple" id="line_3">—</div>
</div>
</div>
'#line_1'既不是'#menu_sym'的直接後代,相鄰兄弟或一般兄弟。只需使用#menu_sym#line_1 {}'。 – TylerH
謝謝,我應該在哪裏用戶懸停? – SNos