Html Can'；t更改列表'；将文本颜色设置为白色

我创建了一个列表，其中我使用了字形图标，当我将鼠标悬停时，字形图标变为黑色，我希望图标显示为白色。我也在使用bootstrap

名单：

a.glyIcon{
颜色：灰色！重要；
}
a、 glyIcon:悬停{
颜色：橙色！重要；
}

正如您所看到的，白色被覆盖，因为引导选择器比您的选择器更具体

.navbar a:hover{ color:white;   }

---

此外，您的html不包含类

navbar

，因此此选择器不起作用，也许可以尝试将CSS中的类名改为

.navbar

。

您需要在特定目标元素的悬停位置添加样式

.navbar nav li a.glyphicon i{
颜色：绿色；
}
.navbar导航li：将光标悬停在一个图标上{
颜色：蓝色；
}
.navbar导航李：悬停a.i{
颜色：红色；
}

锚定标签
样品

ulli{
颜色：#000000；
列表样式：无；
过渡：所有0.5s线性；
}
ulli：悬停{
颜色：#ffffff；
}

文本1
文本2
文本3
文本4
文本5

css->.navbar{背景色：黑色；高度：80px；}a{颜色：白色；}.navbar li{浮动：左侧；文本对齐：中心；字体大小：25px；显示：可见；}.navbar li:悬停{不透明度：0；颜色：白色；}.navbar a:悬停{颜色：白色；}您的样式在哪里？这是标记的引导程序4吗？@JaicyJoseph代码更新。现在试试看图片->我想删除它effect@StevenTangWhat形象？我找不到它。

.navbar a:hover{ color:white;   }