多次应用CSS样式

有人知道为什么会这样吗

这发生在一些jqueryui组件中。不是唯一的一个

在整个项目中搜索重复的声明。。。没什么

样式检查器

链接声明

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>

这是有效的行为，因为CSS匹配两个规则

.ui-state-default

和

.ui-widget-header.ui-state-default

如果检查以下代码，您会注意到当

.div2

位于

.div1

内时，规则将出现两次。就其本身而言，规则只会出现一次

.div1.div2.div2{
背景色：红色；
}

将符合两条规则
将匹配一条规则

可能是您的

标题中有两个链接

声明（特别是如果您使用的是母版/子版页）是本地软件=（你能发布你正在检查的HTML元素的标记吗？我想这是Google Chrome的错误。我在jQuery UI选项卡示例站点尼斯发现了同样的问题。但只是澄清一下-这只出现在Chrome中，因为它没有过滤重复的规则？在IE或Firefox的同一站点上没有看到这种行为。@MaksymStepanenko是的，你是正确的t、 IE和Firefox似乎过滤掉了重复的规则，而Chrome、Safari、Opera和Firebug将显示它们。但这是同一行。我搜索了整个项目，并没有两次调用该文件。所以这只是一个Chrome错误？@RogerRamos我不会称之为错误，但这是Chrome如何显示相同的CSS规则两次应用于t的事实他特殊的元素。我编辑了答案以包含这些信息。