elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado:


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  cambios en css con cdns de bootstrap i jquery
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: cambios en css con cdns de bootstrap i jquery  (Leído 2,222 veces)
Patrick Bateman

Desconectado Desconectado

Mensajes: 8


Ver Perfil
cambios en css con cdns de bootstrap i jquery
« en: 10 Noviembre 2016, 01:59 am »

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
Código
  1. .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,
Código
  1. #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


« Última modificación: 10 Noviembre 2016, 02:18 am por engel lex » En línea

SetzerFF

Desconectado Desconectado

Mensajes: 26


PokerFace


Ver Perfil
Re: cambios en css con cdns de bootstrap i jquery
« Respuesta #1 en: 10 Noviembre 2016, 22:07 pm »

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

Porque en el segundo caso... el que no te funciona
Código
  1. #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


En línea


Fold'em, Let'em Hit Me, Raise It, Stay with Me
Patrick Bateman

Desconectado Desconectado

Mensajes: 8


Ver Perfil
Re: cambios en css con cdns de bootstrap i jquery
« Respuesta #2 en: 12 Noviembre 2016, 01:20 am »

Este es el código:

Código
  1. <header id="main_header">
  2. <div class="container">
  3. <div class="row">
  4. <div class="col-xs-3">
  5. <h1 id="main_logo"><a href="index.php">NIMAR</BR><span>Aislaminetos,  techos y cerramientos</span></a></h1>
  6. </div>
  7. <div class="col-xs-9">
  8. <ul id="main_menu" class="nav nav-pills">
  9.  
  10. <li><a href="index.php">Inicio</a></li>
  11. <li><a href="quienes.php">Quienes somos?</a></li>
  12. <li role="presentation" class="dropdown">
  13.    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
  14.       Trabajos <span class="caret"></span>
  15.    </a>
  16.    <ul class="dropdown-menu">
  17.      <li><a href="#">Subseción</a></li>
  18.      <li><a href="#">Subseción</a></li>
  19.      <li><a href="#">Subseción</a></li>
  20.      <li><a href="#">Subseción</a></li>
  21.      <li><a href="#">Subseción</a></li>
  22.      <li><a href="#">Subseción</a></li>
  23.    </ul>
  24. </li>
  25. <li><a href="#">FAQ</a></li>
  26. <li><a href="#">Contacto</a></li>
  27.  
  28. </ul>
  29. </div>
  30. </div>
  31. </div>
  32. </header>

Si hago:

Código
  1. #main-menu.nav-pills>li>a,
  2. #main-menu.nav-pills>li>a:hover,
  3. #main-menu.nav-pills>li>a:focus{
  4. color: red;
  5. }
  6.  


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

Patrick Bateman

Desconectado Desconectado

Mensajes: 8


Ver Perfil
Re: cambios en css con cdns de bootstrap i jquery
« Respuesta #3 en: 12 Noviembre 2016, 01:59 am »

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

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Facilitar Maquetacin-> Bootstrap, Jquery,Angularjs,etc
Desarrollo Web
nevermind2403 4 3,470 Último mensaje 7 Enero 2014, 17:20 pm
por #!drvy
Bootstrap
Desarrollo Web
kakashi20 5 3,484 Último mensaje 13 Junio 2014, 06:29 am
por flacc
[Resuelto] Inicializar bootstrap-tooltip en Bootstrap v3.0.3
Desarrollo Web
DarK_FirefoX 0 3,709 Último mensaje 6 Abril 2015, 17:28 pm
por DarK_FirefoX
BootStrap 3 sin Jquery [CODE]
Desarrollo Web
Maurice_Lupin 3 2,595 Último mensaje 21 Abril 2015, 02:09 am
por EFEX
[Resuelto] dropdown bootstrap jquery
Desarrollo Web
basickdagger 0 2,159 Último mensaje 10 Febrero 2016, 17:37 pm
por basickdagger
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines