你需要
.abc,.ab {
display: none;
}
#f:hover ~ .ab {
display: block;
}
#s:hover ~ .abc {
display: block;
}
#s:hover ~ .a,
#f:hover ~ .a{
display: none;
}
原始CSS中的问题是,in css选择器启动了一个全新的选择器。它没有结合..所以#f:hover ~ .abc,.a意味着#f:hover ~ .abc和.a。您将display:none其设置为始终对所有.a元素都隐藏。
602392714
清零编程群