Quiero cambiar el color (incluido también cuando se hace :hover) a los items dentro del < ul >
<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">
<i class="fas fa-space-shuttle"></i><a class="navbar-brand" href="#">Iron Jack</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="list-group-mine collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#showcase">Disponibilidad</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#informacion">Precio</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ciudades</a>
<div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="dropdown-item" href="#">A Coruña</a>
<a class="dropdown-item" href="#">Madrid</a>
<a class="dropdown-item" href="#">Sevilla</a>
<a class="dropdown-item" href="#">Valencia</a>
</div>
</li>
</ul>
</div>
</nav>
He probado a ponerle mi clase propia "list-group-mine" y también a poner !important pero tampoco me cambia el color. Sin embargo si me cambia el resto de propiedades
.list-group-mine li{
color: #41EAD4;
font-weight: 500;
margin-right: 50px;
font-size: 17px;
}
--Actualizo, he añadido lo siguiente gracias a las soluciones y sigue sin cambiar el color:
.list-group-mine li{
color: #41EAD4;
font-weight: 500;
margin-right: 50px;
font-size: 17px;
}
.list-group-mine li a {
color: #41EAD4;
}
li
list-style-image
pone una imagen y el color no cambia, en todo caso serálist-style
y en eso tienes razón pero en este ejemplo es un menú de bootstrap y no tiene viñetas. Solo le daba una indicación de su problema, por eso he puesto un comentario y no una respuesta