CSS selectors — grouping: E, F

Code used

#t1 p, #t2 p {background:#f2f2f2; color:lime}
#t2 h5~p,
#t2 h5 {color:yellow; background: blue;}
#t3 h5+p,
#t3 h5 {color:lime; background:#ccc;}

Notes

1. User–Agents that do not suppport CSS3 selectors are correct to ignore the second group (#t2 h5+p, #t2 h5, applied to the second box), as the ~ combinator is not a valid token in CSS2.x (see 4.1.7), and UAs must ignore the whole rule block. IE Mac is buggy here, as it applies the rules to the h5. IE Win (5 and 6) is not buggy when it ignores the group that applies to the third box; it is only buggy as far as it ignores the + combinator.

back to introduction

Last modified: September 10 2009 03:09:03 GMT.

• A [ La Chatte Noire ] development area
• [ contact ]
• [ sectionindex ]
• [ Empty Spaces ]