Fijate bien en lo que te dije.... "Espeficidad y jerarquia"
Tu tienes
Código CSS:
Ver originalul.topnav li a {
font-family: 'PT Sans', sans-serif;
font-size: 17px;
display: inline-block;
color: #EFEDED;
text-align: center;
padding: 14px 16px;
text-decoration: none;
transition: 0.3s;
}
.topnav li ul {
font-family: 'PT Sans', sans-serif;
font-size: 12px;
display: none;
position: absolute;
margin: 0 auto;
float: left;
list-style-type: none;
background-color: #003600;
}
Cual crees tu que es mas especifico?
Si revisas el depurador de tu navegador (presionando F12) seguramente veras que estilos son los que se están aplicando y en que orden.