[Ovillo] Ayuda con selector CSS
Buenas noches a todos, tengo el siguiente marcado HTML: table id=table1 tr td Etiqueta 1/td td Etiqueta 2/td /tr /table Se que puedo aplicar estilos a cada uno de los TD por separado si creo una clase para cada uno de ellos por ejemplo .td1 y .td2 pero entonces tendria que repetirlo por todos los TD de la tabla entonces existe alguna forma de hacer esto de forma automática? Dígase por ejemplo un selector global para el primer TD de cada TR y uno para el segundo TD de cada TR en cada una de las tablas? Me hago explicar? Ing. Reynier Pérez Mira ___ 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] Ayuda con selector CSS
Supongo que te refieres a esto:
style type=text/css
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td1
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td1 {
}
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td2
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td2 {
}
/* también podría ser si son iguales */
#table1 tr .td1 .td2 .td3 {
}
/style
body
table id=table1
tr
td class=td1 Etiqueta 1/td
td class=td2 Etiqueta 2/td
/tr
/table
/body
*-Mensaje original-
*De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre
*de Reynier Pérez Mira
*Enviado el: sábado, 02 de abril de 2011 09:23 p.m.
*Para: CSSEs
*Asunto: [Ovillo] Ayuda con selector CSS
*
*
*Buenas noches a todos, tengo el siguiente marcado HTML:
*
*table id=table1
* tr
* td Etiqueta 1/td
* td Etiqueta 2/td
* /tr
*/table
*
*Se que puedo aplicar estilos a cada uno de los TD por separado si creo una
clase
*para cada uno de ellos por ejemplo .td1 y .td2 pero entonces tendria que
repetirlo por
*todos los TD de la tabla entonces existe alguna forma de hacer esto de
forma
*automática? Dígase por ejemplo un selector global para el primer TD de cada
TR y
*uno para el segundo TD de cada TR en cada una de las tablas? Me hago
explicar?
*
*Ing. Reynier Pérez Mira
*
*
*___
*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] Ayuda con selector CSS
Si y no. Esa vía la conocía pero imagino q exista alguna forma un poco más
automatizada por decirlo de alguna forma que me evite el tener que poner
las clases td1 y td2 a cada TD que tenga en mi página porque si son
pocos no es problema pero si son muchos si que lo es
Ing. Reynier Pérez Mira
Twitter: twitter.com/reypm
2011/4/2 santosvz santo...@graficssvz.com
Supongo que te refieres a esto:
style type=text/css
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td1
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td1 {
}
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td2
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td2 {
}
/* también podría ser si son iguales */
#table1 tr .td1 .td2 .td3 {
}
/style
body
table id=table1
tr
td class=td1 Etiqueta 1/td
td class=td2 Etiqueta 2/td
/tr
/table
/body
*-Mensaje original-
*De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre
*de Reynier Pérez Mira
*Enviado el: sábado, 02 de abril de 2011 09:23 p.m.
*Para: CSSEs
*Asunto: [Ovillo] Ayuda con selector CSS
*
*
*Buenas noches a todos, tengo el siguiente marcado HTML:
*
*table id=table1
* tr
* td Etiqueta 1/td
* td Etiqueta 2/td
* /tr
*/table
*
*Se que puedo aplicar estilos a cada uno de los TD por separado si creo una
clase
*para cada uno de ellos por ejemplo .td1 y .td2 pero entonces tendria que
repetirlo por
*todos los TD de la tabla entonces existe alguna forma de hacer esto de
forma
*automática? Dígase por ejemplo un selector global para el primer TD de
cada
TR y
*uno para el segundo TD de cada TR en cada una de las tablas? Me hago
explicar?
*
*Ing. Reynier Pérez Mira
*
*
*___
*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] Ayuda con selector CSS
Hola, este código creo que puede cumplir tus requerimientos usa selectores
avanzados y uno de css3
ensayalo y coméntanos, espero te sirva
saludos.
style type=text/css
/*aqui se selecciona mediante el selector adyacente al primer TD de cada
tabla con id=table1*/
#table1 tr + td {
}
/*esta es otra forma de conseguir lo mismo que el anterior*/
#table1 td:first-child {
}
/*con este selector de css3 puedes conseguir que se seleccione el segundo TD
de cada tabla con id=table1
p.d: creo que el parametro es 2 sino funciona probas con 1 ;).
*/
#table1 tr td:nth-child(2){
}
/style
body
table id=table1
tr
td Etiqueta 1/td
td Etiqueta 2/td
/tr
/table
/body
El 2 de abril de 2011 23:11, santosvz santo...@graficssvz.com escribió:
Supongo que te refieres a esto:
style type=text/css
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td1
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td1 {
}
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td2
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td2 {
}
/* también podría ser si son iguales */
#table1 tr .td1 .td2 .td3 {
}
/style
body
table id=table1
tr
td class=td1 Etiqueta 1/td
td class=td2 Etiqueta 2/td
/tr
/table
/body
*-Mensaje original-
*De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre
*de Reynier Pérez Mira
*Enviado el: sábado, 02 de abril de 2011 09:23 p.m.
*Para: CSSEs
*Asunto: [Ovillo] Ayuda con selector CSS
*
*
*Buenas noches a todos, tengo el siguiente marcado HTML:
*
*table id=table1
* tr
* td Etiqueta 1/td
* td Etiqueta 2/td
* /tr
*/table
*
*Se que puedo aplicar estilos a cada uno de los TD por separado si creo una
clase
*para cada uno de ellos por ejemplo .td1 y .td2 pero entonces tendria que
repetirlo por
*todos los TD de la tabla entonces existe alguna forma de hacer esto de
forma
*automática? Dígase por ejemplo un selector global para el primer TD de
cada
TR y
*uno para el segundo TD de cada TR en cada una de las tablas? Me hago
explicar?
*
*Ing. Reynier Pérez Mira
*
*
*___
*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
