Re: [Ovillo] una de selectores

Wed, 17 May 2006 03:51:09 -0700 

No..., mira, te pego el código abajo. Lo único que he cambiado ha sido el
color y el tamaño del selector y he añadido un <div> con el id="content".
Lo que pones en el selector  #content p a, prevalece sobre la clase que le
has puesto al <a>, aunque ésta sea más profunda. No sé si me explico...



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css">
<!--
a.download:link, .download:visited {
       font-family: Arial, Verdana, Helvetica, sans-serif;
       font-size: 1.0em;
       text-decoration: underline;
       color: #666666;
       background-image: url(../icons/download.gif);
       background-position: right center;
       background-repeat: no-repeat;
       padding-right: 18px;
}

a.download:hover, a.download:focus {
       font-family: Arial, Verdana, Helvetica, sans-serif;
       font-size: 1.0em;
       text-decoration: none;
       color: #666666;
       background-image: url(../icons/download.gif);
       background-position: right center;
       background-repeat: no-repeat;
       padding-right: 18px;
}

#content p a, #content p a:link, #content p a:visited {
       font-family: Arial, Verdana, Helvetica, sans-serif;
       font-size: 3.0em;
       text-decoration: underline;
       color: #ff0000;
       background-image: url(../icons/arrow15.gif);
       background-position: right center;
       background-repeat: no-repeat;
       padding-right: 18px;
}

#content p a:hover {
       font-family:Arial, Verdana, Helvetica, sans-serif;
       font-size: 1em;
       text-decoration: none;
       color: #000000;
       background-image: url(../icons/arrow15.gif);
       background-position: right center;
       background-repeat: no-repeat;
       padding-right: 18px;
}
-->
</style>
</head>

<body>
<a href="#" title="" class="download">documento</a>
<div id="content">
<p><a href="#" title="" class="download">documento</a></p>
</div>
</body>
</html>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a