URL: http://www.kerrickdesign.com/playground/css-siblings.html Other browsers tested: Firefox 3.5, Chrome 4, Internet Explorer 7/8, Opera 10 Add OK or FAIL after other browsers where you have tested this issue: Chrome 4: FAIL Firefox 3.x: OK IE 7: OK-ish IE 8: OK-ish What steps will reproduce the problem? 1. Visit the web page indicated 2. Hover over the left controls 3. See the left light not change What is the expected result? The light on the left should behave the same as the light on the right. It should turn yellow on hover and green on click of the controls. What happens instead? The light stays red when using CSS General Sibling Combinators in addition with Dynamic Pseudo-classes Please provide any additional information below. General Sibling Combinator specs: http://www.w3.org/TR/css3-selectors/#general-sibling-combinators Dynamic Pseudo-class specs: http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes
Created attachment 51247 [details] Reduced test case for checkboxes The sibling selector also fails for the :checked pseudo selector. As you can see, it works when loading but doesn't update when the pseudo selector state changes: Clicking doesn't remove or add the red background color in WebKit.
This seems to work ok in current WebKit.