Foro de elhacker.net

Hola a todos,

Primero de todo decir que a pesar de que no tengo un nivel avanzado, ya he desarrollado otras webs antes aunque no había usado mucho CDNs ni tampoco BOOTSTRAP.

El tema es que quiero hacer unas modificaciones con la hoja de estilos que esta bien enlazada y todo eso, pero cuando voy a modificar un estilo que es también modificado por bootstrap (a través de un CDN), no me deja cambiarlo y me explico:

NOTA: El orden del enlace del CDN es anterior al enlace de mi hoja de estilos y esta bien enlazada.

La cosa curiosa es que si sobreescribo con la hoja de estilos referenciando a la clase general

.nav>li>a

tal y como hace bootstrap (lo sé porqué lo veo desde el inspector de Chrome) si me hace los cambios, en cambio si lo hago a través de una id concreta, es decir,

#main-menu.nav>li>a

, no hay manera.

No se que se me escapa...
Alguien sabe dónde esta el problema??

Un saludo y gracias

Mod: No escribir en mayúsculas

Es dificil depurarlo si no vemos el código entero. o parte de él.

Porque en el segundo caso... el que no te funciona

#main-menu.nav>li>a

Te haz fijado separando #main-menu y .nav? Y ajustandolo acorde a tu codigo HTML. Pero habria que ver el codigo o las partes esas.


Salu2

Este es el código:

<header id="main_header">
	<div class="container">
	 	<div class="row">
	 		<div class="col-xs-3">
	 			<h1 id="main_logo"><a href="index.php">NIMAR</BR><span>Aislaminetos,  techos y cerramientos</span></a></h1>
	 		</div>
	 		<div class="col-xs-9">
	 			<ul id="main_menu" class="nav nav-pills">
 
	 					<li><a href="index.php">Inicio</a></li>
	 					<li><a href="quienes.php">Quienes somos?</a></li>
						<li role="presentation" class="dropdown">
						    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
						       Trabajos <span class="caret"></span>
						    </a>
						    <ul class="dropdown-menu">
						      <li><a href="#">Subseción</a></li>
						      <li><a href="#">Subseción</a></li>
						      <li><a href="#">Subseción</a></li>
						      <li><a href="#">Subseción</a></li>
						      <li><a href="#">Subseción</a></li>
						      <li><a href="#">Subseción</a></li>
						    </ul>
						</li>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Contacto</a></li>
 
				</ul>
	 		</div>
		</div>
	 </div>
</header>

Si hago:

#main-menu.nav-pills>li>a,
#main-menu.nav-pills>li>a:hover,
#main-menu.nav-pills>li>a:focus{
	color: red;
}
 

Los enlaces no se ven en rojo. (He probado con código numérico y tampoco)
He aquí el problema.

Ya esta. Era el maldito underscore!! main_menu y en la hoja de estilos es main-menu