更改字体颜色＆amp;汉堡菜单上的文字的字体系列不工作

Question

我正在试图弄清楚如何更改汉堡包上的文字。以下代码是如何更改汉堡包栏中的文本和字体系列的尝试。这些尝试中的每一个似乎都只是 更改汉堡包图标的颜色，而不是下拉文字。

.menu-text {
  color: #1E90FF !important;
  font-family: Georgia;
}

.nav-bar ul {
  color: #1E90FF !important;
  font-family: Georgia;
}

Answer 1

我以前从未使用过Materialise，但很快就检查了它们的下拉菜单的来源。看起来它们的颜色编码为无序列表元素的子元素，如下所示：

.dropdown-content li>a, .dropdown-content li>span {
   /* styles here */
}

由于其选择器的特殊性，您的颜色定义将被覆盖为文本元素。

我建议您使用浏览器检查元素，并确保使用最合适的选择器来覆盖其基本样式。