你需要
.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元素都隐藏。
