我希望将鼠标悬停在“交互链接”和“管理链接”上时显示不可见文本;悬停在一个上应该使两者都可见。我只能通过管理链接实现结果:将鼠标悬停在管理链接上时,交互链接变为可见,但当悬停在交互链接上时,管理链接保持不可见。
ul.entry-management-links li {
padding: 0 0.25em;
display: inline;
}
ul.entry-interaction-links li {
padding: 0 0.25em;
display: inline;
}
ul.entry-management-links {
opacity: 0;
}
ul.entry-management-links:hover {
opacity: 1;
}
ul.entry-interaction-links {
opacity: 0;
}
ul.entry-interaction-links:hover {
opacity: 1;
}
ul.entry-management-links:hover + ul.entry-interaction-links {
opacity: 1;
}
ul.entry-interaction-links:hover + ul.entry-management-links {
opacity: 1;
}