28220 sujets

CSS et mise en forme, CSS3

Bonjour a tous,
par curiosite et deire d'apprendre je suis entarin d'analyser le code source du acid test 2
http://www.webstandards.org/act/acid2/test.html

il y a 2 choses que je comprend pas dans le css :

[ class~=one].first.one { position: absolute; top: 0; margin: 36px 0 0 60px; padding: 0; border: black 2em; border-style: none solid; /* shrink wraps around float */ }

et
[ class=second two] { background: red; } /* this should be ignored (invalid selector -- grammar says it only accepts IDENTs or STRINGs) */



ca set a quoi les [class~=one] et [class=second two] quelq'un peut me donner un lien pour comprendere cela sur le doc W3C j'arrive pas a trouver

merci
Modifié par thetoad (04 Jun 2005 - 18:13)
http://www.yoyodesign.org/doc/w3c/css2/selector.html#q1

[class~=one] sélectionnera :
<foo class="one">bar</foo>
<foo class="one two">bar</foo>
Etc.
Mais pas <foo class="onetwo">bar</foo>

[class~=one].first.one sélectionnera :
<foo class="one first">bar</foo>
<foo class="second first two one">bar</foo>
Etc.
Mais pas <foo class="first two">bar</foo>


[class=second two] d'après le commentaire ne devrait rien sélectionner.
On lit dans la norme :
a écrit :
[att=val]
Quand un élément a un attribut "att" dont la valeur est exactement "val" ;
[...]
Dans cet exemple, le sélecteur correspond avec tous les éléments SPAN dont la valeur de l'attribut "class" est exactement "exemple" :
SPAN[class=exemple] { color: blue; }
http://www.yoyodesign.org/doc/w3c/css2/selector.html#q10

Peut-être que le "exactement" sous-entend que l'on est obligé de mettre des guillemets autout des chaînes comprenant un espace. A confirmer.


Enfin, tout ça, c'est de la théorie...
Merci Birdman,
tres instructif, bien sur c'est de la theorie Smiley cligne
juste j'aime bien ne pas mourir bete

merci encore

a+
j'espère quand même pour toi que tu ne vas pas mourir ce soir (même si tu mourrais moins bête...), il y a toujours plus à apprendre !
a écrit :

j'espère quand même pour toi que tu ne vas pas mourir ce soir (même si tu mourrais moins bête...), il y a toujours plus à apprendre !


bien j'espere aussi Smiley ravi
et tu as entierment raison Smiley cligne
je vais d'ailleur plonger dans une doc tres epaisse (pas de xhtml ou ccs cete fois)

a+