Re: [Ovillo] selector css
El problema es que el código que he pegado forma parte del skin de un sitio entero. Si anulo los estilos para #page #enviar .btn a, cuando quiera hacer otro skin a partir de estas CSS (con distintos botones) tendría que modificar #page .btn a y #page #enviar .btn a Prefiero tener que cambiar sólo una línea (#page .btn a) que dos. Puede parecer una tontería, pero evitando estos cambios innecesarios (que se pueden dar en muchas ocasiones, ya que son muchas páginas) se ahorra bastante tiempo. Espero haberme explicado bien. Un saludo. El 18/01/2009, a las 12:05, Rumoroso escribió: > >> Es la única etiqueta a con ese color dentro del div#enviar, muchos >> de los >> enlaces del documento son #f30. >> El código es el siguiente: >> >> enviar >> volver >> >> >> Como parece que por el color no se puede, ¿podría seleccionar la >> segunda >> etiqueta dentro del div#enviar?. >> Ahora que lo pienso, esta sería un mejor opción, ya que así si >> después se >> cambia el color de los enlaces, seguiría funcionando sin problemas. >> > Me reafirmo en mi anterior mensaje. Si es el único enlace con ese > color, > es que la CSS está actuando sobre él de forma distinta al resto, es > decir, que lo puedes seleccionar. No acabo de ver cuál es el problema. > En el código que has pegado en el mensaje está claro que puedes > seleccionar el enlace que quieras. Si quieres aplicar estilos > únicamente > al segundo, bastaría con aplicarselos a todos los enlaces del > contenedor > y luego anular el estilo en el que está dentro del contenedor "btn". > No > siempre se puede seleccionar el que se quiere, pero tal vez si lo > que no > quieres. Seleccionalo todo y luego excluye lo que no te interese. > > Un saludo > ___ > 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
El problema es que no quiero añadir más estilos a div#btn a, así puedo
cambiar todos los botones del sitio de golpe, modificando sólo una línea del
archivo css.
Creo que optaré por esta solución:
#page #content #enviar div.btn + a{margin:11px 0 0 10px; display:block;
float:left;}
No se va a ver de forma óptima en ie6, pero no es algo demasiado importante
(sólo se trata de desplazar unos cuantos pixeles el enlace).
Gracias a todos.
- Original Message -
From: "Daniel Navarro"
To: "Ovillo, la lista de CSS en castellano"
Sent: Sunday, January 18, 2009 3:26 PM
Subject: Re: [Ovillo] selector css
Ampliando lo dicho, ahora los "selectores contextuales" también se llaman
"selectores descendientes".
Los "selectores contextuales" es una denominación de CSS1:
http://www.w3.org/TR/REC-CSS1/#contextual-selectors
que en CSS2 se renombró a "selectores descendientes":
http://www.w3.org/TR/CSS/selector.html#descendant-selectors
Saludos
El 18 de enero de 2009 14:33, "Hernán Beati - SaberWeb.com.ar" <
her...@saberweb.com.ar> escribió:
> Hola Andrés,
>
> Andres escribió:
>
> >
> > enviar
> > volver
> >
> >
> > Como parece que por el color no se puede, ¿podría seleccionar la segunda
> > etiqueta dentro del div#enviar?.
>
> Puedes dividir el problema en dos pasos:
>
> 1) Primero aplicas un color a TODOS los enlaces dentro de "dostercios",
> lo cual incluirá ese segundo enlace suelto que quieres alcanzar;
>
> 2) y luego puedes indicar otro color distinto para el primer enlace:
>
> div.dostercios a {
> /* seleccionas todos los enlaces "a" que estén dentro de dostercios,
> incluyendo el SEGUNDO enlace */
> color:red;
> }
>
> div.btn a {
> /* ahora cambias la apariencia solo del primero */
> color:blue;
> }
>
> De esa manera, te quedan los dos enlaces de distintos colores.
>
> Esta técnica se denomina "selectores contextuales", puedes investigar.
>
> Saludos!
>
> Hernán Beati
> http://www.saberweb.com.ar
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
Ampliando lo dicho, ahora los "selectores contextuales" también se llaman
"selectores descendientes".
Los "selectores contextuales" es una denominación de CSS1:
http://www.w3.org/TR/REC-CSS1/#contextual-selectors
que en CSS2 se renombró a "selectores descendientes":
http://www.w3.org/TR/CSS/selector.html#descendant-selectors
Saludos
El 18 de enero de 2009 14:33, "Hernán Beati - SaberWeb.com.ar" <
her...@saberweb.com.ar> escribió:
> Hola Andrés,
>
> Andres escribió:
>
> >
> > enviar
> > volver
> >
> >
> > Como parece que por el color no se puede, ¿podría seleccionar la segunda
> > etiqueta dentro del div#enviar?.
>
> Puedes dividir el problema en dos pasos:
>
> 1) Primero aplicas un color a TODOS los enlaces dentro de "dostercios",
> lo cual incluirá ese segundo enlace suelto que quieres alcanzar;
>
> 2) y luego puedes indicar otro color distinto para el primer enlace:
>
> div.dostercios a {
> /* seleccionas todos los enlaces "a" que estén dentro de dostercios,
> incluyendo el SEGUNDO enlace */
> color:red;
> }
>
> div.btn a {
> /* ahora cambias la apariencia solo del primero */
> color:blue;
> }
>
> De esa manera, te quedan los dos enlaces de distintos colores.
>
> Esta técnica se denomina "selectores contextuales", puedes investigar.
>
> Saludos!
>
> Hernán Beati
> http://www.saberweb.com.ar
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
Hola Andrés,
Andres escribió:
>
> enviar
> volver
>
>
> Como parece que por el color no se puede, ¿podría seleccionar la segunda
> etiqueta dentro del div#enviar?.
Puedes dividir el problema en dos pasos:
1) Primero aplicas un color a TODOS los enlaces dentro de "dostercios",
lo cual incluirá ese segundo enlace suelto que quieres alcanzar;
2) y luego puedes indicar otro color distinto para el primer enlace:
div.dostercios a {
/* seleccionas todos los enlaces "a" que estén dentro de dostercios,
incluyendo el SEGUNDO enlace */
color:red;
}
div.btn a {
/* ahora cambias la apariencia solo del primero */
color:blue;
}
De esa manera, te quedan los dos enlaces de distintos colores.
Esta técnica se denomina "selectores contextuales", puedes investigar.
Saludos!
Hernán Beati
http://www.saberweb.com.ar
___
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
> Es la única etiqueta a con ese color dentro del div#enviar, muchos de los > enlaces del documento son #f30. > El código es el siguiente: > > enviar > volver > > > Como parece que por el color no se puede, ¿podría seleccionar la segunda > etiqueta dentro del div#enviar?. > Ahora que lo pienso, esta sería un mejor opción, ya que así si después se > cambia el color de los enlaces, seguiría funcionando sin problemas. > Me reafirmo en mi anterior mensaje. Si es el único enlace con ese color, es que la CSS está actuando sobre él de forma distinta al resto, es decir, que lo puedes seleccionar. No acabo de ver cuál es el problema. En el código que has pegado en el mensaje está claro que puedes seleccionar el enlace que quieras. Si quieres aplicar estilos únicamente al segundo, bastaría con aplicarselos a todos los enlaces del contenedor y luego anular el estilo en el que está dentro del contenedor "btn". No siempre se puede seleccionar el que se quiere, pero tal vez si lo que no quieres. Seleccionalo todo y luego excluye lo que no te interese. Un saludo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
Exacto, no puedo manipular el código HTML.
El color está dado mediante una hoja de estilos externa, no sabía que debía
ser un atributo HTML.
Es la única etiqueta a con ese color dentro del div#enviar, muchos de los
enlaces del documento son #f30.
El código es el siguiente:
enviar
volver
Como parece que por el color no se puede, ¿podría seleccionar la segunda
etiqueta dentro del div#enviar?.
Ahora que lo pienso, esta sería un mejor opción, ya que así si después se
cambia el color de los enlaces, seguiría funcionando sin problemas.
Gracias por vuestras respuestas.
Andrés
www.andresgutierrez.net
- Original Message -
From: "Ardilla Roja"
To: "Ovillo, la lista de CSS en castellano"
Sent: Saturday, January 17, 2009 9:43 PM
Subject: Re: [Ovillo] selector css
> lo que no sabemos, es si quien pregunta tiene control sobre el codigo
> html... a mi em suena que esta trabajando sobre codigo que no puede
> manipular
>
> A:R
>
> 2009/1/17 Ignacio Ricci :
>> Bueno yo solo se Jquery, asi que si te sirve esta solucion podes usarla:
>>
>>
>>
>>
>>$(document).ready(function (){
>>$('#page #content #enviar a').each(function (){
>>var linkColor = $(this).css('color');
>>if (linkColor == 'rgb(255, 51, 0)') {
>>$(this).css('margin', '5px 0 0 5px');
>>}
>>});
>>});
>>
>>
>>
>> Nota: deberias pasar el color deseado a seleccionar a RGB.
>> Las hojas de estilo tmb funcionan con rgb. Ejemplo: a {color:rgb(255,
>> 51,
>> 0);}
>>
>>
>> Saludos,
>> Nacho
>>
>>
>>
>> 2009/1/17 Daniel Navarro
>>
>>> Sólo debería de haber un elemento con el ID #enviar en el documento,
>>> pero
>>> dentro de él sí se pueden incluir más de un anchor y Andrés quiere
>>> referenciar sólo uno de estor anchor (en concreto, el que tenga el color
>>> #f30). Rectifico lo dicho anteriormente de buscar una solución
>>> javascript
>>> ya
>>> que, si tiene acceso al documento html (y casi seguro que lo tendrá), lo
>>> lógico sería que diferenciara ese enlace de forma que se pueda
>>> referenciar
>>> en la css.
>>>
>>>
>>>
>>>
>>> El 17 de enero de 2009 20:21, Ignacio Ricci >> >escribió:
>>>
>>> > Buen si , porque en realidad esta mal usado el ID. No debería haber
>>> > más
>>> de
>>> > 1
>>> > elemento con el mismo id en esa pagina.
>>> >
>>> > 2009/1/17 Victor Hugo Arias Valencia
>>> >
>>> > > A mi me gusta la respuesta de rumoroso, si es la unica etiqueta con
>>> > > ese
>>> > > color, pues seguro tiene una clase, a la cual le puedes aplicar los
>>> > estilos
>>> > > que dices...
>>> > >
>>> > > El 17 de enero de 2009 14:05, Daniel Navarro
>>> > > escribió:
>>> > >
>>> > > > Hola, Andrés.
>>> > > >
>>> > > > El selector que estás usando se denomina "selector de atributo".
>>> > > > IE6
>>> no
>>> > > > soporta este selector pero los navegadores más modernos sí. No has
>>> > > indicado
>>> > > > el código html pero, para que funcione, "color" tiene que ser un
>>> > atributo
>>> > > > de
>>> > > > :
>>> > > >
>>> > > >Esto es un enlace
>>> > > >
>>> > > > Sin embargo, este código tiene varios inconvenientes. Por un lado,
>>> > > "color"
>>> > > > no es un atributo válido que puedas incluir en la etiqueta .
>>> > > > Por
>>> > otro,
>>> > > > estás indicando información de estilo (nada menos que el color) en
>>> > > > el
>>> > > > documento html y éste se debe de reservar para mostrar sólo la
>>> > estructura
>>> > > y
>>> > > > el contenido de la página.
>>> > > >
>>> > > >
>>> > > >
>>> > > > Si lo que tienes en el html es algo parecido a:
>>> > > >
>>> > > >Esto es un enlace
>>> > > >
>>> > > > (o con el color indicado en una hoja de estilos externa)
>>> > > > entonces la regla css anter
Re: [Ovillo] selector css
lo que no sabemos, es si quien pregunta tiene control sobre el codigo
html... a mi em suena que esta trabajando sobre codigo que no puede
manipular
A:R
2009/1/17 Ignacio Ricci :
> Bueno yo solo se Jquery, asi que si te sirve esta solucion podes usarla:
>
>
>
>
>$(document).ready(function (){
>$('#page #content #enviar a').each(function (){
>var linkColor = $(this).css('color');
>if (linkColor == 'rgb(255, 51, 0)') {
>$(this).css('margin', '5px 0 0 5px');
>}
>});
>});
>
>
>
> Nota: deberias pasar el color deseado a seleccionar a RGB.
> Las hojas de estilo tmb funcionan con rgb. Ejemplo: a {color:rgb(255, 51,
> 0);}
>
>
> Saludos,
> Nacho
>
>
>
> 2009/1/17 Daniel Navarro
>
>> Sólo debería de haber un elemento con el ID #enviar en el documento, pero
>> dentro de él sí se pueden incluir más de un anchor y Andrés quiere
>> referenciar sólo uno de estor anchor (en concreto, el que tenga el color
>> #f30). Rectifico lo dicho anteriormente de buscar una solución javascript
>> ya
>> que, si tiene acceso al documento html (y casi seguro que lo tendrá), lo
>> lógico sería que diferenciara ese enlace de forma que se pueda referenciar
>> en la css.
>>
>>
>>
>>
>> El 17 de enero de 2009 20:21, Ignacio Ricci > >escribió:
>>
>> > Buen si , porque en realidad esta mal usado el ID. No debería haber más
>> de
>> > 1
>> > elemento con el mismo id en esa pagina.
>> >
>> > 2009/1/17 Victor Hugo Arias Valencia
>> >
>> > > A mi me gusta la respuesta de rumoroso, si es la unica etiqueta con ese
>> > > color, pues seguro tiene una clase, a la cual le puedes aplicar los
>> > estilos
>> > > que dices...
>> > >
>> > > El 17 de enero de 2009 14:05, Daniel Navarro
>> > > escribió:
>> > >
>> > > > Hola, Andrés.
>> > > >
>> > > > El selector que estás usando se denomina "selector de atributo". IE6
>> no
>> > > > soporta este selector pero los navegadores más modernos sí. No has
>> > > indicado
>> > > > el código html pero, para que funcione, "color" tiene que ser un
>> > atributo
>> > > > de
>> > > > :
>> > > >
>> > > >Esto es un enlace
>> > > >
>> > > > Sin embargo, este código tiene varios inconvenientes. Por un lado,
>> > > "color"
>> > > > no es un atributo válido que puedas incluir en la etiqueta . Por
>> > otro,
>> > > > estás indicando información de estilo (nada menos que el color) en el
>> > > > documento html y éste se debe de reservar para mostrar sólo la
>> > estructura
>> > > y
>> > > > el contenido de la página.
>> > > >
>> > > >
>> > > >
>> > > > Si lo que tienes en el html es algo parecido a:
>> > > >
>> > > >Esto es un enlace
>> > > >
>> > > > (o con el color indicado en una hoja de estilos externa)
>> > > > entonces la regla css anterior no va a funcionar en ningún navegador
>> y,
>> > > > como
>> > > > dice Ignacio Ricci, mejor busca una solución javascript.
>> > > >
>> > > > Saludos.
>> > > >
>> > > >
>> > > >
>> > > >
>> > > > 2009/1/17 Andres
>> > > >
>> > > > > Hola,
>> > > > >
>> > > > > Necesito seleccionar la única etiqueta a del div#enviar que tiene
>> > color
>> > > > > #f30.
>> > > > > Estoy probando con esto, pero no me funciona
>> > > > > #page #content #enviar a:link[color="#f30"]{margin:5px 0 0 5px;}
>> > > > >
>> > > > > ¿Alguna sugerencia?.
>> > > > > ¿Como funcionan estos selectores en ie?.
>> > > > >
>> > > > > Gracias.
>> > > > >
>> > > > > ___
>> > > > > 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://lists.ovillo.org/mailman/listinfo/ovillo
>> > > > >
>> > > > ___
>> > > > 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://lists.ovillo.org/mailman/listinfo/ovillo
>> > > >
>> > >
>> > >
>> > >
>> > > --
>> > > Tutor - Soporte
>> > > Conocimiento Virtual Academia
>> > > www.ConocimientoVirtual.edu.co
>> > > www.ConocimientoVirtual.edu.co/foro
>> > > ___
>> > > 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://lists.ovillo.org/mailman/listinfo/ovillo
>> > >
>> >
>> >
>> >
>> > --
>> > ↓ Ignacio Ricci
>> > www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
>> >
>> ___
>> Lista de distribución Ovillo
>> Para escribir a la lista, e
Re: [Ovillo] selector css
Bueno yo solo se Jquery, asi que si te sirve esta solucion podes usarla:
$(document).ready(function (){
$('#page #content #enviar a').each(function (){
var linkColor = $(this).css('color');
if (linkColor == 'rgb(255, 51, 0)') {
$(this).css('margin', '5px 0 0 5px');
}
});
});
Nota: deberias pasar el color deseado a seleccionar a RGB.
Las hojas de estilo tmb funcionan con rgb. Ejemplo: a {color:rgb(255, 51,
0);}
Saludos,
Nacho
2009/1/17 Daniel Navarro
> Sólo debería de haber un elemento con el ID #enviar en el documento, pero
> dentro de él sí se pueden incluir más de un anchor y Andrés quiere
> referenciar sólo uno de estor anchor (en concreto, el que tenga el color
> #f30). Rectifico lo dicho anteriormente de buscar una solución javascript
> ya
> que, si tiene acceso al documento html (y casi seguro que lo tendrá), lo
> lógico sería que diferenciara ese enlace de forma que se pueda referenciar
> en la css.
>
>
>
>
> El 17 de enero de 2009 20:21, Ignacio Ricci >escribió:
>
> > Buen si , porque en realidad esta mal usado el ID. No debería haber más
> de
> > 1
> > elemento con el mismo id en esa pagina.
> >
> > 2009/1/17 Victor Hugo Arias Valencia
> >
> > > A mi me gusta la respuesta de rumoroso, si es la unica etiqueta con ese
> > > color, pues seguro tiene una clase, a la cual le puedes aplicar los
> > estilos
> > > que dices...
> > >
> > > El 17 de enero de 2009 14:05, Daniel Navarro
> > > escribió:
> > >
> > > > Hola, Andrés.
> > > >
> > > > El selector que estás usando se denomina "selector de atributo". IE6
> no
> > > > soporta este selector pero los navegadores más modernos sí. No has
> > > indicado
> > > > el código html pero, para que funcione, "color" tiene que ser un
> > atributo
> > > > de
> > > > :
> > > >
> > > >Esto es un enlace
> > > >
> > > > Sin embargo, este código tiene varios inconvenientes. Por un lado,
> > > "color"
> > > > no es un atributo válido que puedas incluir en la etiqueta . Por
> > otro,
> > > > estás indicando información de estilo (nada menos que el color) en el
> > > > documento html y éste se debe de reservar para mostrar sólo la
> > estructura
> > > y
> > > > el contenido de la página.
> > > >
> > > >
> > > >
> > > > Si lo que tienes en el html es algo parecido a:
> > > >
> > > >Esto es un enlace
> > > >
> > > > (o con el color indicado en una hoja de estilos externa)
> > > > entonces la regla css anterior no va a funcionar en ningún navegador
> y,
> > > > como
> > > > dice Ignacio Ricci, mejor busca una solución javascript.
> > > >
> > > > Saludos.
> > > >
> > > >
> > > >
> > > >
> > > > 2009/1/17 Andres
> > > >
> > > > > Hola,
> > > > >
> > > > > Necesito seleccionar la única etiqueta a del div#enviar que tiene
> > color
> > > > > #f30.
> > > > > Estoy probando con esto, pero no me funciona
> > > > > #page #content #enviar a:link[color="#f30"]{margin:5px 0 0 5px;}
> > > > >
> > > > > ¿Alguna sugerencia?.
> > > > > ¿Como funcionan estos selectores en ie?.
> > > > >
> > > > > Gracias.
> > > > >
> > > > > ___
> > > > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > > > >
> > > > ___
> > > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > >
> > >
> > >
> > > --
> > > Tutor - Soporte
> > > Conocimiento Virtual Academia
> > > www.ConocimientoVirtual.edu.co
> > > www.ConocimientoVirtual.edu.co/foro
> > > ___
> > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> > ↓ Ignacio Ricci
> > www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
--
↓ Ignacio Ricci
www.ignacioricci.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo
Re: [Ovillo] selector css
Sólo debería de haber un elemento con el ID #enviar en el documento, pero
dentro de él sí se pueden incluir más de un anchor y Andrés quiere
referenciar sólo uno de estor anchor (en concreto, el que tenga el color
#f30). Rectifico lo dicho anteriormente de buscar una solución javascript ya
que, si tiene acceso al documento html (y casi seguro que lo tendrá), lo
lógico sería que diferenciara ese enlace de forma que se pueda referenciar
en la css.
El 17 de enero de 2009 20:21, Ignacio Ricci escribió:
> Buen si , porque en realidad esta mal usado el ID. No debería haber más de
> 1
> elemento con el mismo id en esa pagina.
>
> 2009/1/17 Victor Hugo Arias Valencia
>
> > A mi me gusta la respuesta de rumoroso, si es la unica etiqueta con ese
> > color, pues seguro tiene una clase, a la cual le puedes aplicar los
> estilos
> > que dices...
> >
> > El 17 de enero de 2009 14:05, Daniel Navarro
> > escribió:
> >
> > > Hola, Andrés.
> > >
> > > El selector que estás usando se denomina "selector de atributo". IE6 no
> > > soporta este selector pero los navegadores más modernos sí. No has
> > indicado
> > > el código html pero, para que funcione, "color" tiene que ser un
> atributo
> > > de
> > > :
> > >
> > >Esto es un enlace
> > >
> > > Sin embargo, este código tiene varios inconvenientes. Por un lado,
> > "color"
> > > no es un atributo válido que puedas incluir en la etiqueta . Por
> otro,
> > > estás indicando información de estilo (nada menos que el color) en el
> > > documento html y éste se debe de reservar para mostrar sólo la
> estructura
> > y
> > > el contenido de la página.
> > >
> > >
> > >
> > > Si lo que tienes en el html es algo parecido a:
> > >
> > >Esto es un enlace
> > >
> > > (o con el color indicado en una hoja de estilos externa)
> > > entonces la regla css anterior no va a funcionar en ningún navegador y,
> > > como
> > > dice Ignacio Ricci, mejor busca una solución javascript.
> > >
> > > Saludos.
> > >
> > >
> > >
> > >
> > > 2009/1/17 Andres
> > >
> > > > Hola,
> > > >
> > > > Necesito seleccionar la única etiqueta a del div#enviar que tiene
> color
> > > > #f30.
> > > > Estoy probando con esto, pero no me funciona
> > > > #page #content #enviar a:link[color="#f30"]{margin:5px 0 0 5px;}
> > > >
> > > > ¿Alguna sugerencia?.
> > > > ¿Como funcionan estos selectores en ie?.
> > > >
> > > > Gracias.
> > > >
> > > > ___
> > > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > > ___
> > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> > Tutor - Soporte
> > Conocimiento Virtual Academia
> > www.ConocimientoVirtual.edu.co
> > www.ConocimientoVirtual.edu.co/foro
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> ↓ Ignacio Ricci
> www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
Buen si , porque en realidad esta mal usado el ID. No debería haber más de 1
elemento con el mismo id en esa pagina.
2009/1/17 Victor Hugo Arias Valencia
> A mi me gusta la respuesta de rumoroso, si es la unica etiqueta con ese
> color, pues seguro tiene una clase, a la cual le puedes aplicar los estilos
> que dices...
>
> El 17 de enero de 2009 14:05, Daniel Navarro
> escribió:
>
> > Hola, Andrés.
> >
> > El selector que estás usando se denomina "selector de atributo". IE6 no
> > soporta este selector pero los navegadores más modernos sí. No has
> indicado
> > el código html pero, para que funcione, "color" tiene que ser un atributo
> > de
> > :
> >
> >Esto es un enlace
> >
> > Sin embargo, este código tiene varios inconvenientes. Por un lado,
> "color"
> > no es un atributo válido que puedas incluir en la etiqueta . Por otro,
> > estás indicando información de estilo (nada menos que el color) en el
> > documento html y éste se debe de reservar para mostrar sólo la estructura
> y
> > el contenido de la página.
> >
> >
> >
> > Si lo que tienes en el html es algo parecido a:
> >
> >Esto es un enlace
> >
> > (o con el color indicado en una hoja de estilos externa)
> > entonces la regla css anterior no va a funcionar en ningún navegador y,
> > como
> > dice Ignacio Ricci, mejor busca una solución javascript.
> >
> > Saludos.
> >
> >
> >
> >
> > 2009/1/17 Andres
> >
> > > Hola,
> > >
> > > Necesito seleccionar la única etiqueta a del div#enviar que tiene color
> > > #f30.
> > > Estoy probando con esto, pero no me funciona
> > > #page #content #enviar a:link[color="#f30"]{margin:5px 0 0 5px;}
> > >
> > > ¿Alguna sugerencia?.
> > > ¿Como funcionan estos selectores en ie?.
> > >
> > > Gracias.
> > >
> > > ___
> > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Tutor - Soporte
> Conocimiento Virtual Academia
> www.ConocimientoVirtual.edu.co
> www.ConocimientoVirtual.edu.co/foro
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
A mi me gusta la respuesta de rumoroso, si es la unica etiqueta con ese
color, pues seguro tiene una clase, a la cual le puedes aplicar los estilos
que dices...
El 17 de enero de 2009 14:05, Daniel Navarro escribió:
> Hola, Andrés.
>
> El selector que estás usando se denomina "selector de atributo". IE6 no
> soporta este selector pero los navegadores más modernos sí. No has indicado
> el código html pero, para que funcione, "color" tiene que ser un atributo
> de
> :
>
>Esto es un enlace
>
> Sin embargo, este código tiene varios inconvenientes. Por un lado, "color"
> no es un atributo válido que puedas incluir en la etiqueta . Por otro,
> estás indicando información de estilo (nada menos que el color) en el
> documento html y éste se debe de reservar para mostrar sólo la estructura y
> el contenido de la página.
>
>
>
> Si lo que tienes en el html es algo parecido a:
>
>Esto es un enlace
>
> (o con el color indicado en una hoja de estilos externa)
> entonces la regla css anterior no va a funcionar en ningún navegador y,
> como
> dice Ignacio Ricci, mejor busca una solución javascript.
>
> Saludos.
>
>
>
>
> 2009/1/17 Andres
>
> > Hola,
> >
> > Necesito seleccionar la única etiqueta a del div#enviar que tiene color
> > #f30.
> > Estoy probando con esto, pero no me funciona
> > #page #content #enviar a:link[color="#f30"]{margin:5px 0 0 5px;}
> >
> > ¿Alguna sugerencia?.
> > ¿Como funcionan estos selectores en ie?.
> >
> > Gracias.
> >
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
--
Tutor - Soporte
Conocimiento Virtual Academia
www.ConocimientoVirtual.edu.co
www.ConocimientoVirtual.edu.co/foro
___
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
Hola, Andrés.
El selector que estás usando se denomina "selector de atributo". IE6 no
soporta este selector pero los navegadores más modernos sí. No has indicado
el código html pero, para que funcione, "color" tiene que ser un atributo de
:
Esto es un enlace
Sin embargo, este código tiene varios inconvenientes. Por un lado, "color"
no es un atributo válido que puedas incluir en la etiqueta . Por otro,
estás indicando información de estilo (nada menos que el color) en el
documento html y éste se debe de reservar para mostrar sólo la estructura y
el contenido de la página.
Si lo que tienes en el html es algo parecido a:
Esto es un enlace
(o con el color indicado en una hoja de estilos externa)
entonces la regla css anterior no va a funcionar en ningún navegador y, como
dice Ignacio Ricci, mejor busca una solución javascript.
Saludos.
2009/1/17 Andres
> Hola,
>
> Necesito seleccionar la única etiqueta a del div#enviar que tiene color
> #f30.
> Estoy probando con esto, pero no me funciona
> #page #content #enviar a:link[color="#f30"]{margin:5px 0 0 5px;}
>
> ¿Alguna sugerencia?.
> ¿Como funcionan estos selectores en ie?.
>
> Gracias.
>
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
Ese selector no es crossbrowser...
Podes usar javascript para seleccionar ese elemento y que haga algo.
On Sat, Jan 17, 2009 at 12:09 PM, Rumoroso wrote:
>
> > Necesito seleccionar la única etiqueta a del div#enviar que tiene color
> > #f30.
> > Estoy probando con esto, pero no me funciona
> > #page #content #enviar a:link[color="#f30"]{margin:5px 0 0 5px;}
> >
> Supongo que ya lo habrás pensado, pero por si acaso... si es el único
> enlace que tiene ese color, ¿no será porque tiene definida una clase o
> un identificador?
>
> Un saludo
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
> Necesito seleccionar la única etiqueta a del div#enviar que tiene color
> #f30.
> Estoy probando con esto, pero no me funciona
> #page #content #enviar a:link[color="#f30"]{margin:5px 0 0 5px;}
>
Supongo que ya lo habrás pensado, pero por si acaso... si es el único
enlace que tiene ese color, ¿no será porque tiene definida una clase o
un identificador?
Un saludo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] selector css
Hola,
Necesito seleccionar la única etiqueta a del div#enviar que tiene color
#f30.
Estoy probando con esto, pero no me funciona
#page #content #enviar a:link[color="#f30"]{margin:5px 0 0 5px;}
¿Alguna sugerencia?.
¿Como funcionan estos selectores en ie?.
Gracias.
___
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://lists.ovillo.org/mailman/listinfo/ovillo
