OVH Cloud OVH Cloud

css selector pour sélectionner la première de deux tables imbriquées ?

27 réponses
Avatar
Zouplaz
Bonjour, si dans un div j'ai deux tables imbriquées quelle est le
sélecteur css qui permet de désigner la première colonne de la première
table ?

j'ai essayé ceci
div.form-zone:first-child table tr td:child-child { vertical-align:top }
ou
div.form-zone table:first-child tr td:first-child { vertical-align: top;}

Le second ne donne rien, et le premier reproduit également l'alignement
sur la table imbriquée.


Merci

7 réponses

1 2 3
Avatar
SAM
Olivier Miakinen a écrit :

Tu noteras que j'ai changé le code HTML, de façon à varier les plaisirs.
Si tu reprends le code HTML d'origine sans rien changer au CSS, alors
c'est bien t2 qui sera bordé de rouge et non pas t1.



Bon sang ! bien sûr !

M'enfin je reste dans mon idée : c'est sioux c't'histoire.





ce qui se vérifie bien là ...

--
sm
Avatar
SAM
Olivier Miakinen a écrit :
Le 31/10/2007 00:33, SAM a écrit :
Je me demande si on n'est pas d'accord finalement.

Il y a juste que j'exclus les tables principales du div conteneur pour
n'attaquer *que* les tables *imbriquées*, voir :
http://cjoint.com/?kFaDATDr1j



Mais justement Zouplaz voulait attaquer la table principale uniquement,
en excluant la table imbriquée.

Quoi qu'il en soit, mon exemple a marché du premier coup comme je le
pensais, ce qui me confirme bien que je serai capable de faire ce que
veut Zouplaz à condition qu'il nous laisse voir sa structure HTML.



et comme ça on pourra se mettre d'accord sur quoi qu'il semble vouloir :-)

(cite)
quelle est le sélecteur css qui permet de désigner la première colonne
de la première table ? (et pas pour celle imbriquée)
(/cite)

donc il suffirait que qque chose soit introduit avant la table imbriquée ?
march pô (je n'y arrive pas sans une contre règle)

--
sm
Avatar
Olivier Miakinen
Le 31/10/2007 01:58, SAM a écrit :

Quoi qu'il en soit, mon exemple a marché du premier coup comme je le
pensais, ce qui me confirme bien que je serai capable de faire ce que
veut Zouplaz à condition qu'il nous laisse voir sa structure HTML.



et comme ça on pourra se mettre d'accord sur quoi qu'il semble vouloir :-)

(cite)
quelle est le sélecteur css qui permet de désigner la première colonne
de la première table ? (et pas pour celle imbriquée)
(/cite)



À 12 h 52 j'ai proposé :
div.form-zone > table > tbody > tr > td:first-child
mais il n'a pas encore répondu.

donc il suffirait que qque chose soit introduit avant la table imbriquée ?
march pô (je n'y arrive pas sans une contre règle)



À mon humble avis, la table imbriquée on s'en contrefout. Le seul truc,
c'est que notre sélecteur pour la première table doit être suffisamment
précis pour ne pas sélectionner la deuxième table par inadvertance.
Avatar
Olivier Miakinen
Le 31/10/2007 02:31, Olivier Miakinen a écrit :

(cite)
quelle est le sélecteur css qui permet de désigner la première colonne
de la première table ? (et pas pour celle imbriquée)
(/cite)



À 12 h 52 j'ai proposé :
div.form-zone > table > tbody > tr > td:first-child
mais il n'a pas encore répondu.



Tiens, je viens de rajouter un deuxième exemple :
http://www.miakinen.net/tmp/first-child/

Comme prévu, ça a marché du premier coup. Ce n'est donc pas si
compliqué.
Avatar
SAM
Olivier Miakinen a écrit :

Tiens, je viens de rajouter un deuxième exemple :
http://www.miakinen.net/tmp/first-child/

Comme prévu, ça a marché du premier coup. Ce n'est donc pas si
compliqué.



Ha oui, en mettant bien les points sur les i ça fonctionne bien
Firefox 2.0.0.8
Safari 2.0.4
iCab 3
Opera 9.0

Qu'en est-il de ce fameux IE 7 ?
(je n'ose demander pour IE <7 ...)

--
sm
Avatar
Olivier Miakinen
Le 31/10/2007 11:09, SAM a écrit :

http://www.miakinen.net/tmp/first-child/



Ha oui, en mettant bien les points sur les i ça fonctionne bien
Firefox 2.0.0.8
Safari 2.0.4
iCab 3
Opera 9.0

Qu'en est-il de ce fameux IE 7 ?



Je viens de tester sur le nouveau PC de ma femme : ça marche. Le
contraire eût été étonnant.

(je n'ose demander pour IE <7 ...)



Pour que ça marche, il faut qu'un navigateur supporte aussi bien le
sélecteur > que le :first-child. Comme IE6 ne comprend ni l'un ni
l'autre, c'est vite vu...
Avatar
SAM
Olivier Miakinen a écrit :
Le 31/10/2007 11:09, SAM a écrit :
http://www.miakinen.net/tmp/first-child/


Ha oui, en mettant bien les points sur les i ça fonctionne bien
Firefox 2.0.0.8
Safari 2.0.4
iCab 3
Opera 9.0

Qu'en est-il de ce fameux IE 7 ?



Je viens de tester sur le nouveau PC de ma femme : ça marche. Le
contraire eût été étonnant.



Bonne nouvelle.
1 2 3