更改汉堡菜单上文本的字体颜色和字体系列不起作用

Question

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

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

Answer 1

我以前从未使用过物质化，但是只是快速检查了其下拉菜单的来源。看起来他们的颜色已编码为无序列表元素的孩子，例如：

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

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

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