别担心，很多WordPress新手都会卡在这个点上！既然你已经找到了自定义CSS的入口，那咱们就从这里入手，一步步搞定菜单悬停样式的修改：

步骤1：找到导航块的自定义CSS面板 #

你之前的操作方向是对的，咱们再理一遍清晰路径：

• 打开WordPress后台，进入「外观」→「站点编辑器」（也就是你提到的Appearance > Edit）。
• 在编辑器里定位到头部的导航菜单块，点击选中它。
• 右侧面板切换到「样式」标签，往下滚动就能看到「自定义CSS」选项（就是你截图里的那个输入框）。

步骤2：添加悬停样式的CSS代码 #

把下面这段代码粘贴到自定义CSS输入框里，然后根据你的需求修改颜色值即可：

/* 修改导航菜单超链接的悬停样式 */
.wp-block-navigation-item a:hover {
    color: #2c3e50; /* 替换成你想要的悬停文字颜色，比如#ff0000是红色 */
    background-color: #f8f9fa; /* 可选：添加悬停背景色，不需要可以删掉这一行 */
    text-decoration: underline; /* 可选：悬停时显示下划线，不需要就删掉 */
}

简单解释下代码逻辑：

• .wp-block-navigation-item a是WordPress默认导航块里超链接的专属选择器，能精准选中菜单里的链接元素。
• :hover是CSS里专门针对鼠标悬停状态的规则，大括号里的属性都会在鼠标放到链接上时生效。

小技巧：用浏览器工具适配特殊主题 #

如果上面的代码没生效，可能是你的主题给导航菜单加了自定义类名。这时候可以用浏览器的「检查元素」功能（右键点击菜单链接，选择「检查」），找到对应链接的HTML标签，查看它的class属性，把代码里的.wp-block-navigation-item换成对应的类名就行。

其他可选方法 #

如果实在不想写CSS，你可以看看当前主题的「外观」→「自定义」面板里有没有「菜单」或「导航」相关的设置，有些主题会在这里提供可视化的悬停样式调整选项，但块主题（比如Twenty Twenty-Four）一般更推荐用站点编辑器的自定义CSS来实现。

保存修改后刷新网站，就能看到菜单悬停的新效果啦！

备注：内容来源于stack exchange，提问作者theDude