Foros del Web » Creando para Internet » CSS »

Colisión de estilos.

Estas en el tema de Colisión de estilos. en el foro de CSS en Foros del Web. Tengo dos archivos. Por una parte el archivo print.css del framework blueprint y una de sus líneas es la siguiente. Código PHP: a : link ...
  #1 (permalink)  
Antiguo 19/12/2009, 18:01
 
Fecha de Ingreso: febrero-2005
Mensajes: 198
Antigüedad: 12 años, 9 meses
Puntos: 5
Colisión de estilos.

Tengo dos archivos. Por una parte el archivo print.css del framework blueprint y una de sus líneas es la siguiente.

Código PHP:
a:linka:visited {
      
background:transparent;
      
font-weight:700px;
      
text-decoration:underline;} 
En otro archivo index.html tengo el siguiente código (recuerdo que sólo destaco lo que me interesa que veáis)
Código PHP:
<link rel="stylesheet" type="text/css" href="css/blueprint/print.css" />
<
style type="text/css">
a:link{
    
color#27d;
    
text-decorationnone;
}
</
style>



<
a title="" href="#">enlace</a
Como podéis observar primero incluyo el archivo css y posteriormente hago una declaración específica de estilos para los enlaces. Según tengo entendido sobre las colisiones -dos etiquetas iguales con distintos estilo- «A igual especificidad, se considera la última regla indicada.» Es decir, entiendo que en los enlaces me tendría que cojer el estilo del archivo index.html, sin embargo cuando lo compruebo en el navegador con el firebug me coge el estilo del archivo print.css.

¿Se me está pasando algo?

Última edición por occiso; 20/12/2009 a las 05:22
  #2 (permalink)  
Antiguo 19/12/2009, 19:23
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Colisión de estilos.

la solucion mas rapida pero antes, ¿la hoja de estilo print.css se utilizara solo para impreso? si es asi, entonces debes indicar el tipo de medio que seria aplicado la hoja. o sea, el atributo media="print".
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 20/12/2009, 04:21
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Colisión de estilos.

Hola:

Cita:
Iniciado por zerokilled Ver Mensaje
la solucion mas rapida pero antes, ¿la hoja de estilo print.css se utilizara solo para impreso? si es asi, entonces debes indicar el tipo de medio que seria aplicado la hoja. o sea, el atributo media="print".
Pero si print.css no fuera para impresión, los estilos deberían ser los de <style> aunque solo cambie el text-decoration.

De todas formas, occiso, en tu hoja print.css tienes un pequeño fallo:

Código:
a:link, a:visited {
      background:transparent;
      font-weight:700;
      text-decoration:underline;}
En los selectores CSS que lleven indicada alguna medida debe indicarse, salvo que sea 0, que medida es: px, %, em. En este caso indicas un font-weight de 700 pero el navegador no va a poder interpretar si son px, % o em.

Saludos.

  #4 (permalink)  
Antiguo 20/12/2009, 05:27
 
Fecha de Ingreso: febrero-2005
Mensajes: 198
Antigüedad: 12 años, 9 meses
Puntos: 5
Respuesta: Colisión de estilos.

Ya he corregido el error de font-weight, y aunque es cierto que el archivo print.css debería tener el atributo media, por esta vez pensemos que se trata de un archivos de estilos generales, pero que en una página no quiero aplicar el estilo general del enlace, sino otro específico.

He estado haciendo pruebas y sigo sin hacerlo funcionar como he indicado en el post inicial. Sin embargo si en el archivo index.html lo especifico de la siguiente manera:

Código PHP:
a:linka:visited {
    
color:#0B9AC7;
    
text-decoration:none;

Entonces sí que me selecciona los estilos de esa página concreta. No entiendo por qué de la primera forma no funciona.
  #5 (permalink)  
Antiguo 20/12/2009, 06:55
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Colisión de estilos.

No lo tengo muy claro, pero quizás debas usar mayusculas en la notación hexadecimal, es decir esto

Código:
color: #27D;
en vez de
Código:
color: #27d;
Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:03.