将文字悬停在菜单项上的效果

Question

我想对网站主菜单上的菜单项应用（悬停）效果。 例如，如果单击菜单项“ HOW”，将出现一个子页面。 作为一个额外的效果，我想在文本HOE下看到一个额外的（子）文本（仅在鼠标悬停之后）。 示例：如果将鼠标悬停在名称为“ HOW”的菜单项上，我希望在“ HOW”一词下出现一个附加文本。 不幸的是，我已经测试了两个扩展，没有明显的结果。 这是网站： https://www.groenekoers.nl/Joost/

关于罗纳德

Answer 1

<a href="page" class="element">
  HOW
</div>

<style>
    .element:hover:after {
        display: inline;
        content: 'HOE';
    }
</style>