Re: [Ovillo] una de selectores
Os dejo el enlace a la página del w3c donde se explica cómo se calcula el
nivel de concreción de un selector css (inglés):
http://www.w3.org/TR/CSS21/cascade.html#specificity
On 5/18/06, Manuel J. Recena Soto [EMAIL PROTECTED] wrote:
Hola Elena:
On Wed, 17 May 2006 12:50:42 +0200, Elena Salas wrote
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...
Si, te has explicado perfectamente :)
Muchas gracias por haberte molestado en probar el código y enviarlo por
correo. La solución que planteas es la que actualmente tengo implementada
pero
resulta que existen enlaces con la clase download en distintos elementos
como por ejemplo p, table, etc...
Para poder hacer uso de la clase download tendría que definirla debajo
de
cada elemento (p, table tr td, etc):
#content p a
#content table.m2 td a
#content ul li a
etc...
un saludo
!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 / titleTest/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: #66; 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: #66;
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: #ff;
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: #00;
background-image: url(../icons/arrow15.gif);
background-position: right center;
background-repeat: no-repeat;
padding-right: 18px;
}
--
/style
/head
body
a href=# title= class=downloaddocumento/a
div id=content
pa href=# title= class=downloaddocumento/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
--
Manuel J. Recena Soto
* www.manuelrecena.com
* [EMAIL PROTECTED]
* +34 609710280 (ES)
___
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
--
alberto romero | denegro.com
___
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
Re: [Ovillo] una de selectores
Para eso nada mejor que CSS Specificity WARS http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html El jue, 18-05-2006 a las 11:13 +0200, alberto romero escribió: Os dejo el enlace a la página del w3c donde se explica cómo se calcula el nivel de concreción de un selector css (inglés): http://www.w3.org/TR/CSS21/cascade.html#specificity -- Carlos Rincón Sanchez [EMAIL PROTECTED] Neurotic, SCP - www.neuroticweb.com Tel: 938 492 028 | Fax: 938 403 568 C\Can Cabatx s/n 08520 Les Franqueses del Valles ___ 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
[Ovillo] una de selectores
Hola, buenos días:
A ver si alguien me puede decir en qué me estoy equivocando.
Tengo el siguiente código CSS:
a.download:link, .download:visited {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
text-decoration: underline;
color: #66;
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: #66;
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: 1.0em;
text-decoration: underline;
color: #00;
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: #00;
background-image: url(../icons/arrow15.gif);
background-position: right center;
background-repeat: no-repeat;
padding-right: 18px;
}
Hago uso de esos estilos en los siguientes casos:
a href=# title= class=downloaddocumento/a
pa href=# title= class=downloaddocumento/a/p
¿Por qué el estilo .download, en el segundo caso, no se renderiza? En su
lugar se usa la definición de la etiqueta a.
un saludo
--
Manuel J. Recena Soto
* www.manuelrecena.com
* [EMAIL PROTECTED]
* +34 609710280 (ES)
___
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
Re: [Ovillo] una de selectores
Bueno, para empezar porque te falta el div con el id=content ;-) Ten en cuenta que el selector prevalece sobre la clase, es una jerarquía para decidirse cómo pintarlo cuando le mareas con estilos distintos, algo así idselectorclase ___ 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
Re: [Ovillo] una de selectores
a href=# title= class=downloaddocumento/a pa href=# title= class=downloaddocumento/a/p ¿Por qué el estilo .download, en el segundo caso, no se renderiza? En su lugar se usa la definición de la etiqueta a. Si el segundo párrafo está dentro del elemento #content, te estará aplicando las propiedades que defines en el selector #content p a:visited porque es más específico que .download:visited En ese caso podrías añadir un selector más: #content p a.download:visited -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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
Re: [Ovillo] una de selectores
Hola Elena: On Wed, 17 May 2006 12:23:21 +0200, Elena Salas wrote Bueno, para empezar porque te falta el div con el id=content ;-) Falta en el código que os he enviado pero está definido. Ten en cuenta que el selector prevalece sobre la clase, es una jerarquía para decidirse cómo pintarlo cuando le mareas con estilos distintos, algo así Cierto. Lo que sucede en este caso es que la case download sobreescribe todas las propiedades que están definidas para el elemento a. un saludo idselectorclase ___ 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 -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ 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
Re: [Ovillo] una de selectores
Hola Ramón: On Wed, 17 May 2006 12:30:42 +0200, Ramon Pravia wrote a href=# title= class=downloaddocumento/a pa href=# title= class=downloaddocumento/a/p ¿Por qué el estilo .download, en el segundo caso, no se renderiza? En su lugar se usa la definición de la etiqueta a. Si el segundo párrafo está dentro del elemento #content, te estará aplicando las propiedades que defines en el selector #content p a:visited porque es más específico que ..download:visited En ese caso podrías añadir un selector más: #content p a.download:visited Ese es el único razonamiento que explica el comportamiento que veo. La solución que planteas es la que intentaba evitar porque los enlaces con la clase download pueden un en elementos p, table, etc... un saludo -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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 -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ 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
Re: [Ovillo] una de selectores
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 /
titleTest/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: #66;
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: #66;
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: #ff;
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: #00;
background-image: url(../icons/arrow15.gif);
background-position: right center;
background-repeat: no-repeat;
padding-right: 18px;
}
--
/style
/head
body
a href=# title= class=downloaddocumento/a
div id=content
pa href=# title= class=downloaddocumento/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
Re: [Ovillo] una de selectores
Tienes razón. No había entendido bien tu pregunta. Esta otra respuesta está muy bien . ___ 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
