瞭解jQuery UI的CSS文件內容

我在jquery.ui.theme.css注意到刪除評論後，文件中的下列類...瞭解jQuery UI的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，如果兩者都已實現？

來源

2013-04-02 Yetimwork Beyene

.ui-widget-header .ui-state-default規則將目標元素與類ui-state-default裏面元素與類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>

你會看到內div第二個規則的效果：第一個將被覆蓋。

來源

2013-04-02 19:38:15

根據jquery.com

的.ui-插件頭：應用級到標題容器。頭容器樣式應用於元素及其子文本，鏈接和圖標。

.ui-state-default：要應用於可點擊按鈕的元素的類元素。將「可點擊默認」容器樣式應用於元素及其子文本，鏈接和圖標。

所以

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

適用於與類與類的.ui-插件頭標頭，容器內部的.ui狀態默認的可點擊按鈕狀元件。

來源

2013-04-02 19:42:05

瞭解jQuery UI的CSS文件內容

回答

相關問題