html - 在悬停 bool 玛下拉菜单上更改背景颜色

Question

我正在尝试更改 Bulma.io 的下拉元素的背景色和颜色.

问题是无论我做什么，要么改变整个下拉菜单(也包括底部元素)，要么只改变文本(文档)的背景，而不是整个框。

我需要更改白框。 我准备了 jsfiddle 作为示例 https://jsfiddle.net/agyfL3ae/2/ 您必须将窗口放大很多，因为它隐藏在桌面上

我试过以下方法:

/* This changes also the elements below*/

.navbar-item :hover{
    background-color:red !important;
}

/* This changes only the text */

.navbar-link :hover{
    background-color:yellow;
}

几乎这是我需要更改的框:https://i.snag.gy/pQyME2.jpg

Answer 1

您可以在选择器中阅读更多关于 Space 的信息 here

基本上，该空间告诉解释器在悬停时为 .navbar-item 的子项添加该背景

相反，你应该这样写:

.navbar-item:hover