What do the crossed style properties in Google Chrome devtools mean?

Question

While inspecting an element using Chrome's devtools, in the elements tab, the right-hand side 'Styles' bar shows the corresponding CSS properties. At times, some of these properties are strike-throughed. What do these properties mean?

Answer 1

It means that the crossed-out style was applied, but then overridden by a more specific selector.

For example, if a background color was applied to all divs, but a different background color was applied to divs with a certain id, the first color will show up but will be crossed out, as the second color has replaced it (for the div with that id).