editar el css de los enlaces

[pekinhouse]

Pues aqui estoy con una dudita... soy super novato en esto del css y ando perdido

El caso es que me gustaria que los links de mi blog tuvieran una forma determinada, (bold+italic a 10 pt, en "serif") pero la cosa es que cuando lo cambio en el css se hace bien, pero también me cambia todos los titulos del blog , que aunque estan etiquetados como H2, estan subordianados a la orden de links;

es decir mi codigo esta así:

a:link, a:active, a:visited {color: #efb;
letter-spacing: 1px;
font: italic bold 10pt "Hoefler Text", Georgia, "Times New Roman", Times, serif;
}
a:hover {color: #F96D12;}
a {text-decoration: none;}

h1, h2, h3, h4 {
font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif;
text-transform: lowercase;
color: #efb;
letter-spacing: 1.5px;
}


h2 {font-size: 2em;
padding-bottom: 1em;
line-height: 1em;
}


Mi pregunta es; ¿ Como puedo hacer para que los links de H2 tengan un formato diferente al de todos los links (a:link, a:active, a:visited)?

Muchas gracias!

Mi pagina es www.pekinhouse.com y como podreis observar los titulos se ven diminutos por que estan reconocidos como enlaces. Trabajo sobre la última version de wordpress.

[:.SMITEXX.:]

Mira es fácil:
a tu h2 le pones

Código:

/*Acá defines las características de todos los h2 */
h2 {font-size: 2em;
padding-bottom: 1em;
line-height: 1em;
}

/*Acá defines las características del enlace */
h2 a {
	text-decoration: none;
}


/*Acá defines las características cuando hacen rollover */
h2 a:hover {
	text-decoration: underline;
}

Los demás atributos me imagino que los conoces.

Saludos

[fearlex]

Iniciado por pekinhouse

Código:

 a:link, a:active, a:visited {color: #efb;
letter-spacing: 1px;
font: italic bold 10pt "Hoefler Text", Georgia, "Times New Roman", Times, serif;
}
a:hover {color: #F96D12;}
a {text-decoration: none;}

h1, h2, h3, h4 {
font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif;
text-transform: lowercase;
color: #efb;
letter-spacing: 1.5px;
}


h2 {font-size: 2em;
padding-bottom: 1em;
line-height: 1em;
}

Mi pregunta es; ¿ Como puedo hacer para que los links de H2 tengan un formato diferente al de todos los links (a:link, a:active, a:visited)?

Voy a ampliar un poco mas la respuesta.

1-Primeramente debes tener presenta la regla LoVe:HAte.

O sea trata de seguir este orden

Código:

a
{
 estilo que quieres
}

a:link,a:visited
{
 estilo que quieres
}

a:hover,a:active
{
 estilo que quieres
}

Por que esto ??

Por que el orden importa aunque no creas.

Ahora con respecto a al H2, como mismo te dijo SMITEXX, realizas una cascada:

Código:

h2 a
{
 estilo que quieres
}

lo que estas diciendo es que TODOS las etiquetas a que estan anidadas dentro de un H2 tendran determinado estilo.

Saludos

[:.SMITEXX.:]

Pura curiosidad, qué es eso de "la regla LoVe:HAte"?.

[fearlex]

Iniciado por :.SMITEXX.:

Pura curiosidad, qué es eso de "la regla LoVe:HAte"?.

Exactamente eso mismo, debes seguir este orden.

L - :link
o
V - :visited
e

H - :hover
A - :active
t
e

o sea debes declarar estas seudoclases en este exacto orden.

Love significa Amor en ingles
Hate significa Odio en ingles
(por si alguien no lo sabia)

Es lo mismo que la regla TRouBLe

T - top
R - right
o
u
B - bottom
L - left
e

Aclaro que estas reglas no es invento mio, no recuerdo ahora a quien se le ocurrio la idea pero es buena, y se ha expandido.

EDITADO: TROUBLE significa problema en Ingles.(por si alguien tampoco lo sabia)

Saludos

[demux]

Me ha ayudado la respuesta a mi tbm. Vamos a ver que tal me va. :) Thx