On Wed, Dec 17, 2008 at 4:43 PM, matias desouza
<[email protected]>wrote:

> Hola , soy nuevo en la lista , tenia una pequena duda sobre css, alguien
> me podria decir cual es la diferenci entre  a.link y
> a:link?
> por ejemplo , en el siguiente ejemplo:
> <STYLE TYPE="text/css">
>  A.link { text-decoration: none; color:black;font-size: 10px;}
> </STYLE>
>
> cual es la diferencia entre poner A.link y a:link?


Hola Martías,
Si dices .link te estás refiriendo a los vínculos que tienen la clase
'link', por ejemplo el segundo de estos:

<a href="">hola</a>
<a href="" class="link">hola</a>

Mientras que si indicas :link te estás refiriendo a una pseudo-clase [1], un
tipo de selector que permite seleccionar los vínculos que no han sido
visitados nunca, y darles características especiales

Por ejemplo poniendo en tu hoja de estilos:

a:link { color:#fff;}

Haces que los vínculos que no han sido visitados sean blancos. Te puede
servir para diferenciarlos de los visitados, por ejemplo:

a:link { color:#fff;}
a:visited { color:#ccc;}

[1] http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes


Un saludo,

-- 
Alex Lillo
www.nordic-design.net
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a