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

【问题标题】：Change background-color on hover bulma dropdown在悬停布尔玛下拉菜单上更改背景颜色
【发布时间】：2018-02-02 18:21:26
【问题描述】：

我正在尝试更改 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

【问题讨论】：

标签： html css bulma

【解决方案1】：

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

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

相反，你应该写：

.navbar-item:hover

【讨论】：

嗨！感谢您的链接，我不知道空间之间的这种区别。我已经删除了空间，现在只将新样式应用于子元素。我需要相反的效果。检查更新jsfiddle
@Costantin 不幸的是，您将无法使用纯 CSS 根据孩子的状态更改父母的样式。您将不得不为此使用 JS。