更改悬停bulma下拉列表中的背景颜色

Question

我试图更改Bulma.io下拉元素的背景颜色和颜色。

问题在于，无论我做什么，都要么改变整个下拉列表（也是底部元素），要么只改变文本（docs）的背景而不是整个框。

我需要更换白框。 我准备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

您可以在选择器here

中详细了解 Space

基本上，该空间告诉口译员为.navbar-item

的孩子添加悬停背景

相反，你应该写：

.navbar-item:hover