Colisión de estilos.

[occiso]

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, a: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-decoration: none;
}
</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?

[zerokilled]

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".

[jomaruro]

Hola:

Iniciado por zerokilled

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.

[occiso]

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:link, a: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.

[Impostor]

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¡¡