在悬停布尔玛下拉菜单上更改背景颜色

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

您可以在此处阅读有关选择器中空格的更多信息

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

相反，你应该写：

.navbar-item:hover