UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

Steps to reproduce the problem:
1. Open attached html file.
2. Click enable all for hover. Note that toolbarStartDisabled does not have the .enabled:hover rule applied
3. In dev tools, force Element State of toolbarStartDisabled in the styles tab
4. note that the buttons do as advertised for both divs

OR

1. Open attached html file.
2. Click enable all for hover. Note that toolbarStartDisabled does not have the .enabled:hover rule applied
3. Uncomment the .enabled {} rule above and reload
4. Note that the buttons do as advertised for both divs

What is the expected behavior?
Hover state should apply after clicking the enable button, because the css selector should now apply.

What went wrong?
Hover state not applied as expected.

Did this work before? Yes 61?

Does this work in other browsers? Yes

Chrome version: 62.0.3202.94  Channel: stable
OS Version: 10.0
Flash Version: 

Tried with active pseudoclass and could not reproduce the issue.
 

Deleted: Hover state bug.html 1.8 KB

Hover state bug.html 1.8 KB View Download