html - 如何在食谱导航栏中的子菜单文本上完全显示颜色？

Question

我的问题是，当我将鼠标悬停在食谱上时，以及当我前进到子菜单时，如何使蓝色悬停完全适合子标题。就像颜色没有完全覆盖文字一样。为了更好地理解，如果你愿意，请阅读并运行我的代码。

我在 CSS 中使用它

nav li:hover ul {
    display: block;
}

这是链接，请检查它。

https://jsfiddle.net/harisfaisal/q68n7ro4/2/

标签： htmlcss

Answer 1

颜色没有完全覆盖文本，因为nav li { width: 20%;您可以添加nav ul li ul li { width: 100%;}