CSS繼承

.x-panel-myheader{overflow:hidden;zoom:1;color:#15428b;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 3px 4px 3px; border:1px solid #99bbe8;line-height:5px;background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;} 
.x-panel-myheader .x-panel-body { background-color: Transparent; } 
.x-panel-myheader .x-toolbar { background-color:inherit; border:0px ;} 

` 
<div class="x-panel x-panel-myheader x-border-panel x-panel-noborder" id="pnlHeader" style="width: 608px; top: 0px; left: 0px;"> 
    <div class="x-panel-bwrap" id="ext-gen62"> 
    <div class="x-panel-body x-panel-body-noheader x-panel-body-noborder" id="ext-gen63" style="width: 608px; height: 39px;"> 
     <div class="x-toolbar x-small-editor x-abs-layout-item" id="tbarTest" style="top: 17px; left: 5px;">

`CSS繼承

怎麼做CSS繼承工作？我想申請一個不同的CSS div class =「x-toolbar」不知道如何訪問它。

來源

2009-05-14 user99322

簡而言之，規則說，後來CSS聲明覆蓋前面的聲明。「樣式」屬性總是覆蓋「類」屬性。

如果覆蓋一類級聯若干個元素（.X-面板myheader .X-工具欄），你會覆蓋時，它需要包括完整的「路徑」。在您的樣品將是：

.x-panel-myheader .x-toolbar { 
    /* new styles here */ 
}

但是，如果要覆蓋在「樣式」屬性聲明的東西，那麼你可以追加重要標誌或者你必須編輯樣式本身！：

.x-panel-myheader .x-toolbar { 
    /* new styles here */ 
    background-color: #000 !important; 
}

更新：它看起來像你編輯了與X-面板myheader屬性的div元素，所以我的例子不一定會用新的代碼工作。

來源

2009-05-14 21:00:10 scotts

是的，我忘了將我的頭包含在HTML中。在這種情況下，我將如何訪問.x-工具欄？ – user99322 2009-05-15 12:35:27

在這種情況下，您應該可以使用上面提供的代碼訪問它。如果它不起作用，你試圖改變什麼風格？安裝Firefox的Firebug擴展並查看特定HTML元素的HTML檢查器並查看應用的CSS也是值得的。調試CSS問題非常有用。 – scotts 2009-05-16 05:39:44

應用不同風格的X工具欄的唯一方式是注入式的以前的定義了。這樣你就可以覆蓋以前的定義。

如果你有在源頭控制，您可以通過不同的名稱添加一個風格，只是把它在每一元素類列表。

來源

2009-05-14 20:59:35 NotMe

哪裏有來自於你的CSS的-myheader？您的HTML中沒有x-panel-myheader任何地方。

來源

2009-05-14 21:00:22 Greg

對不起！忘了拿到正確的名字。我現在在xss中包含了x-panel-myheader。 – user99322 2009-05-15 12:33:45

這個問題似乎是在CSS規則限定爲適用於：

.x-panel-myheader .x-toolbar

這意味着，它將適用於任何有一類的「X-工具欄」，但只有如果它包含在其他具有「x-panel-myheader」類的其他內容中。

你的HTML沒有顯示出與類「X-面板myheader」任何東西，所以我不能確定這是否是什麼導致您的問題或沒有。如果CSS規則看起來不起作用，那可能是原因。如果你只是希望它適用於所有類型的「X工具欄」，將行改爲：

.x-toolbar { background-color:inherit; border:0px ;}

來源

2009-05-14 21:04:40

回答

相關問題