悬停时触发两个元素

时间:2021-04-12 00:48:36

标签: css

我希望将鼠标悬停在“交互链接”和“管理链接”上时显示不可见文本;悬停在一个上应该使两者都可见。我只能通过管理链接实现结果:将鼠标悬停在管理链接上时,交互链接变为可见,但当悬停在交互链接上时,管理链接保持不可见。

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;
}

0 个答案:

没有答案