Other browsers tested: Firefox 3.5, Chrome 4, Internet Explorer 7/8, Opera
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:
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.