Foros del Web » Creando para Internet » CSS »

Aplicar estilo diefente a links ya definidos

Estas en el tema de Aplicar estilo diefente a links ya definidos en el foro de CSS en Foros del Web. Hola a todos/as, voy a debutar en el foro! En mi hoja de estilos he creado un estilo concreto para todos los enlaces: Código: a ...
  #1 (permalink)  
Antiguo 26/01/2007, 07:41
 
Fecha de Ingreso: enero-2007
Mensajes: 6
Antigüedad: 10 años, 10 meses
Puntos: 0
Aplicar estilo diefente a links ya definidos

Hola a todos/as, voy a debutar en el foro!

En mi hoja de estilos he creado un estilo concreto para todos los enlaces:

Código:
a {
	color: #ff3333;
	text-decoration: none;
}

a:visited {
	color: #ff3300;
	text-decoration: none;
}

a:hover {
	color: #394651;
	text-decoration: none;
	border-bottom: 1px dashed #394651;
}
El caso es que tengo algunos enlaces que no quiero que sigan todas esas características, y por lo tanto he creado:
Código:
.title {
	font-family: 'Arial Black';
	color: #999999;
	font-size: 8.5pt;
	text-transform: uppercase;
}

a.title {
	color: #333;
}

a.title:visited {
	color: #333;
}

a.title:hover {
	color: #999;
	border: 0px;
}
En otra página que estoy utilizando sí que me funciona, pero en este caso no. ¿Me he dejado algo? ¿Debo añadir algo de código para indicarle que estilo tiene preferencia?

Muchas gracias por vuestra ayuda!
  #2 (permalink)  
Antiguo 26/01/2007, 08:29
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Aplicar estilo diefente a links ya definidos

Pues depende. Si lo que estás poniendo para el caso de esos enlaces diferentes es <a class="title"...>, la forma es correcta.

Pero creo que hay algo mejor: sólo con que definas la clase .title, y suponiendo que no hay elementos de otro tipo con la clase title, basta con que tu enlace sea como te pongo arriba <a class="title" href="...> para que su formato sea distinto, como marca title.
Eso sí: debes contradecir las normas que tengas en la etiqueta "a". Quiero decir: si "a" tiene un color verde y para esos casos lo quieres negro, no basta con que no lo definas, porque si no lo defines será verde, ya que si no dices lo contrario todos los elementos "a" serán verdes. Así que en title deberías decir color: black; (suponiendo que fuera lo que quieres). Y así con cada regla que aparezca en "a" y no la quieras heredar en .title. ¿Me explico?

Y para el hover de esos enlaces con la clase title, basta con que pongas:

.title:hover {...lo que sea}

De la misma manera, contradiciendo las normas que hayas puesto en a:hover y no quieras heredar.

Mikel.
  #3 (permalink)  
Antiguo 26/01/2007, 08:44
 
Fecha de Ingreso: enero-2007
Mensajes: 6
Antigüedad: 10 años, 10 meses
Puntos: 0
Re: Aplicar estilo diefente a links ya definidos

Gracias por tu rápida respuesta, Mikel. No lo utilizo con la etiqueta <a> y puede que ahí esté el problema. El código és el siguiente:

Código:
<div class="title">
		<div class="margin">
			<div class="padding">
				<p>{title}</p>
			</div>
		</div>
	</div>
Y en la deficinición de {title} en el php tengo:

Código:
//Titular *********************************************
	$data['title']='<a href="?entry='.$entry['object']['pst_id'].'&type=post'.$query_string.'">[post] '.$entry['object'][$field_title].'</a>';
¿Se puede también aplicar en estos casos desde el css sin tener que meter el <a class="title" href="...> en el php?
  #4 (permalink)  
Antiguo 26/01/2007, 08:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Aplicar estilo diefente a links ya definidos

Sí. Entonces lo estás poniendo al revés; no es "a.title" sino ".title a".

.title a {
color: #333;
}

Con lo que dices que actúe sobre el "a" que esté dentro de "title".

Mikel.
  #5 (permalink)  
Antiguo 26/01/2007, 12:01
 
Fecha de Ingreso: enero-2007
Mensajes: 6
Antigüedad: 10 años, 10 meses
Puntos: 0
Re: Aplicar estilo diefente a links ya definidos

Era exactamente eso. Ahora sí que funciona!!

Muchísimas gracias Mikel, llevaba mucho tiempo haciendo pruebas!
  #6 (permalink)  
Antiguo 26/01/2007, 12:10
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Aplicar estilo diefente a links ya definidos

De nada, es un placer. Me alegro de que te funcione

Hasta la vista.

Mikel.
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:44.