主菜单字体颜色不变

Question

我无法将菜单的字体颜色从白色更改为黑色，这使我发疯。这不起作用：

.main-navigation a {    
color: black; 
} 

这是我当前的设置：

.main-navigation ul li a {
  font-size: 1.5em;
    background-color: black;
}
.main-navigation ul li:hover > a {  
    background: #fff;
    color: #000;
    text-shadow: 2px 2px 15px yellow;
}
.sub-menu > li:hover > a {
    background: black !important;
    }

Answer 1

这里有一个示例，您可以更改字体/颜色，只需将其调整为所需的状态

.button1 {
    margin: 5px;
    padding: 5px;
    background-color: white;
    color: orangered;
    border-radius: 2px;
    transition-duration: 0.5s;
}
.button1:hover {
    border: 2px solid orangered;
    color: black;
}

<a class="button1" href="#">Inicio</a></li>

Answer 2

您不能}.selector .selector {}

您也没有粘贴html代码，我也无法猜测数据。