2012-01-16 26 views
1

我實際上試圖說和抱歉,如果標題,如果我有一個框架(Richfaces),正在應用它自己的風格。我有一家公司的CSS,我不是CSS專家,我需要的是重寫來自richfaces的css,以便沒有任何內容適用於公司CSS中的內容。如何重寫一個CSS類,使其沒有被應用?

這裏是CSS從RichFaces的未來,我不想被應用:

*.rf-dt-hdr-c { 
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: #C4C0C9; 
    border-right-width: 1px; 
    border-right-style: solid; 
    border-right-color: #C4C0C9; 
    background-color: #D4CFC7; 
    background-image: url(/rfRes/colHdrGrad.png.xhtml?v=4.0.0.Final&db=eAFjZJBjZDBiZBBh!H!!zlXG!1fOH2dgAgA4fAdk&ln=org.richfaces.images); 
    background-position: top left; 
    color: #000000; 
    font-family: Arial, Verdana, sans-serif ; 
    font-size: 11px; 
    font-weight: bold; 
    padding: 4px; 
    text-align: center; 
} 

回答

5

爲了覆蓋這一點,你可以重新設置每一個規則你會喜歡什麼,並確保你的企業CSS在鏈接順序中顯示爲較低。 (也就是說,還有最後應用於您的企業風格。)

例如,如果你按照你的CSS您的需要重做各種風格,你應該這樣

<link rel="stylesheet" type="text/css" href="Styles/richface.css" /> 
<link rel="stylesheet" type="text/css" href="Styles/corporate.css" /> 

鏈接它們如果款式都是同樣,在訂單中顯示較低/較晚的那個將被應用(因爲它會覆蓋前者)。

真的,爲了讓你的樣式覆蓋其他樣式,你的CSS需要比其他CSS更具體。

所以,你也可以設置元素更具體。

而不是

*.rf-dt-hdr-c {

使它像

div#wrapper div.rf-dt-hdr-c {

這增加了特異性。當然,這些規則需要匹配你的HTML。

更多關於特異性,看到這一點:http://www.htmldog.com/guides/cssadvanced/specificity/

0
text-align: center !important; 

!important覆蓋其他樣式

+6

'!important'應該是最後一個度假勝地的最後一個。它顛覆了** Cascading ** Style Sheets的全部目的,並且它喜歡感染你的代碼 - 每次你想從這裏覆蓋一些東西時,你最終會需要另一個'!important'來覆蓋第一個一。 – cHao 2012-01-16 01:06:24

2

這是不可能的,你在評論描述一個答案的意義上說,「我不知道用什麼來覆蓋屬性「。在CSS規則中沒有辦法指定另一個規則不適用。

+0

感謝您的回覆,希望有+1 – 2012-01-16 11:14:14