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

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

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

基本上，该空间告诉解释器在悬停时为.navbar-item

相反，你应该写：

.navbar-item:hover