Стили CSS, применяемые не один раз

Question

Кто-нибудь знает, почему это происходит?

Это происходит в некоторых компонентах jQuery-UI. Не единственный.

Искал весь проект для дублированных объявлений ... ничего.

Стиль инспектор

объявление Ссылка

HTML

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist"> 
    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tab-parceiras-habilitadas" aria-labelledby="ui-id-1" aria-selected="false" aria-expanded="true"> 
     <a href="#tab-parceiras-habilitadas" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1" data-controls-total="22">Habilitadas na plataforma (22)</a> 
    </li> 
    <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tab-parceiras-disponiveis" aria-labelledby="ui-id-2" aria-selected="true" aria-expanded="false"> 
     <a href="#tab-parceiras-disponiveis" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2" data-controls-total="2505">Disponíveis no sistema (2505)</a> 
    </li> 
</ul> 

Answer 1

Это допустимое поведение, так как CSS соответствует двум правилам .ui-state-default и .ui-widget-header .ui-state-default.

Если вы проверите приведенный ниже код, вы заметите, что когда .div2 находится внутри .div1, правила выйдут дважды. Само по себе правила появляются один раз.

.div1 .div2, .div2 { 
 
    background-color: red; 
 
}

<div class="div1"> 
 
    <div class="div2">Will match two rules</div> 
 
</div> 
 
<div class="div2">Will match one rule</div>

Редактировать Как указывал @MaksymStepanenko в комментариях, некоторые браузеры будут отфильтровывать дубликаты (например, IE и Firefox). Такое поведение, похоже, распространено среди браузеров webkit (Chrome, Safari и Opera), а также то, как Firebug выбирает отображение повторяющихся правил.