Why are multiple entries of 'color' css attribute active in Safari Dev Tools? -


sometimes see 2 entries css 'color' attribute active on single element, when 1 has !important. 1 without !important taking precedence though, should (i trying force element color: white). see screenshot:

enter image description here

thanks!

update: added html markup

<div class="x-button x-button-back x-layout-box-item x-stretched" id="quit-button" style="width: auto !important;">   <span class="x-badge" style="display: none;"></span>   <span class="x-button-icon x-hidden" id="ext-element-1109"></span>   <span class="x-button-label" style="" id="ext-element-1110">quit</span> </div> 

.peacekeepers-edition set on first element inside body, #playview distant descendent.

regardless of specificity of rule proprieties cssom appear in inspector rule view. fact "color:#ccffff" not crossed/underline inspector bug.

btw, overqualified selectors: .preacekeepers-edition #playview have specificity of 1|1|0|, way more should have. adding !important make things hard manage later.