UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

Steps to reproduce the problem:
1. Go to https://jsfiddle.net/c2hu9k14/1/
2. click button to make boxes transition
3. Inspect red/green boxes in Elements devtools tab
4. Green box transitions correctly, red box does not, as the red box has it's `transition` rule after it's transition-duration rule. 

I don't know if using the transition shorthand with just the css property and no duration is invalid nor not (the spec isn't clear), but if no duration is provided, it seems the default (0s) is used. Therefore if transition is specified after transition-duration, the explicit duration is overridden (expected)

Bug: In devtools, however, when the transition-duration is overridden (red box), the styles section of the Elements tab does not reflect this. The `computed` section does, but I would expect that to be reflected in the styles section

What is the expected behavior?
In the styles section for the red box, I expect transition-duration to be struck out, and if you expend the transition property, to see transition-duration: 0s

What went wrong?
Top-level transition-duration was not struck out, transition-duration nested within transition still reads as 0.5s

Did this work before? N/A 

Chrome version: 69.0.3497.100  Channel: stable
OS Version: OS X 10.12.4
Flash Version:
 

Deleted: Screen Shot 2018-10-04 at 14.01.19.png 52.3 KB

	Screen Shot 2018-10-04 at 14.01.19.png 52.3 KB View Download