UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36 OPR/36.0.2130.46

Example URL:
https://jsfiddle.net/v6pdz536/2/

Steps to reproduce the problem:
1. Create a DEL tag with a SPAN inside
2. Add a CSS to set "DEL" color to x
3. Add a CSS to set "DEL:hover" color to y
4. Add a CSS to set "DEL:hover SPAN" color to x
5. Hover DEL element, notice there is no color change on the strike-through
4. Select the DEL element content and then its color change (sometimes partially depending on the selected piece)

What is the expected behavior?
The DEL strike-through should change to the color Y when hovered.

What went wrong?
The color didn't change on hover, it changes only if its content is selected

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 49.0.2623.110  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 20.0 r0

For the issue happens the colors for "DEL" and "DEL:hover SPAN" must match (even if by inheritance or from user agent style sheet). if they are different the issue does not occur.

In the first moment I thought SPAN could not be a valid child of DEL but I checked the the html specs and it looks like it is valid.

I also face this issue in Opera (36.0.2130.46), but IE11 and Firefox works as expected.