Dudas sobre css

[serbc27]

Hola a todos

Tengo varios links a paginas diferentes, pero cuando creo el css a:hover, quisiera saber si hay alguna forma de por ejemplo que en el primer texto el a:hover sea de un texto, el segundo texto otro...

Espero que me hayas entendido

Gracias

[Mikmoro]

Iniciado por serbc27

Espero que me hayas entendido

Gracias

Yo no. Lo siento.

Mikel.

[serbc27]

Iniciado por Mikmoro

Yo no. Lo siento.

Mikel.

Tengo una pagina que se llama principal donde hay un enlace a otra web entonces en el css que esta fuera de la web, en una carpeta llamada css, le pongo

a:hover {
font-family: "Trebuchet MS";
font-size: 15px;
font-weight: bold;
color: #006699;
text-decoration: none;
}
a {
text-decoration: none;
color: #000000;
}

Quisera saber si en otra pagina, en el link, y dentro del css, sin poner el style dentro del html por ejemplo cambiarle

a:hover {
font-family: "Trebuchet MS";
font-size: 16px;
font-weight: bold;
color: #003454;
text-decoration: none;
}
a {
text-decoration: none;
color: #000000;
}

[daPhyre]

Lo mejor es usar ids o clases. Por ejemplo, tener así tu css:

Código:

a {
text-decoration: none;
color: #000;
}
a:hover {
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-weight: bold;
	color: #069;
}
.distinto a:hover {
	font-size: 16px;
	color: #003454;
}

El link en la página 1 de esta forma:

Código HTML:

<a href="#">link<a> 

Y el link de la página 2 de esta forma:

Código HTML:

<a class="distinto" href="#">link<a> 

De paso te hago ver unos detalles que modifiqué en tu CSS para que funcione mejor:

-Pues el "a" antes del "a:hover", de esta forma, hereda sus referencias, y ya no debes ponerle el "text-decoration: none;" de nuevo al segundo.
-A la clase "distinto" hereda "a:hover", por tanto, ya no se tienen que poner todos los detalles, y solo se ponen los que serán distintos.
-Notarás, que los colores solo tienen 3 dígitos en lugar de 6, no te asustes si lo ves así y pienses que ya no funcionará. Este es el formato resumido, recomendado cuando los dos dígitos del color son iguales. En el último caso por no ser de esta forma, se poneen formato completo.

Espero poderte haber ayudado. Suerte!

[Mikmoro]

En lugar de:

.distinto a:hover {
font-size: 16px;
color: #003454;
}

debe ser:

a.distinto:hover {
font-size: 16px;
color: #003454;
}

Mikel.

[serbc27]

Gracias por la ayuda,

[daPhyre]

Iniciado por Mikmoro

En lugar de:

.distinto a:hover {
font-size: 16px;
color: #003454;
}

debe ser:

a.distinto:hover {
font-size: 16px;
color: #003454;
}

Mikel.

Error mio, no estoy acostumbrado a usar clases ... Gracias Mikel ^^'