0

删除评论后，我在 jquery.ui.theme.css 文件中注意到以下类...

 .ui-widget-header {
                  border: 1px solid #aaaaaa;
                  background: #cccccc;
                  color: #222222;
                 font-weight: bold;
                   }

现在我注意到这个类名：

      .ui-widget-header .ui-state-default {
               border: 1px solid #d3d3d3;
               background: #e6e6e6;
               font-weight: normal;
               color: #555555;
                  }

.ui-widget-header .ui-state-default 将如何实现？如果 ui-state-default 都实现了，它们会覆盖 ui-widget-header 吗？

4

2 回答 2

1

.ui-widget-header .ui-state-default规则针对具有 class的元素ui-state-default 内的具有 class 的元素ui-widget-header。如果你在同一个元素上实现这两个类：

<div class="ui-widget-header ui-state-default"></div>

您只会看到规则.ui-widget-header对div. 但是，如果您有这样的标记：

<div class="ui-widget-header">
   <div class="ui-widget-header ui-state-default"></div>
</div>

您将看到第二条规则对 inner 的影响div：第一条规则将被覆盖。

于 2013-04-02T19:38:15.223 回答
0

根据jquery.com

.ui-widget-header：应用于标题容器的类。将标题容器样式应用于元素及其子文本、链接和图标。

.ui-state-default：应用于可点击按钮的类元素。将“可点击的默认”容器样式应用于元素及其子文本、链接和图标。

所以 

.ui-widget-header .ui-state-default {
               border: 1px solid #d3d3d3;
               background: #e6e6e6;
               font-weight: normal;
               color: #555555;
                  }

适用于具有类 .ui-state-default 的可单击按钮状元素，该元素位于具有类 .ui-widget-header 的标头容器内。

于 2013-04-02T19:42:05.160 回答