覆蓋css類

在使用css時，在下面的代碼中，我使用奇數和偶數類的css來改變背景顏色。但是，每當有備份（突出顯示）時，它應該顯示斜體值以及奇數和偶數屬性。如何實現這一目標？覆蓋css類

<c:forEach items="${as.value.connections}" var="circuit" varStatus="elements"> 
        <c:set var="stylesheetclass" value="primaryLine"/> 
        <c:set var="icon" value="/images/primary.png"/> 
        <c:if test="${circuit.backup}"> 

> <c:set var="stylesheetclass" value="backupLine"/> 
> 
> 
> <c:set var="icon" value="/images/backup.png"/> 

        </c:if> 



> <tr class="${elements.index % 2 == 0 ? 'odd' : 'even'}"> 


         <td >

來源

2012-06-25 Techie

您是否問過，在鼠標懸停時，您需要顯示值爲斜體以及奇數和偶數屬性 – Exor

其需要在報表中顯示的項目的完整列表，並且我使用了奇數和偶數樣式顯示具有不同背景顏色的行，但是當存在備份值時，只有那個特定值我想以斜體顯示 – Techie

請澄清您的問題。您目前遇到什麼問題？您的「備份」行在輸出的HTML中有兩個類別，例如''？ – jackwanders

首先，如果您的功能好像在<tr>中添加了新類，那麼當備份值存在時。例如，如果添加一個名爲backup的類，那麼<tr>看起來像這樣<tr class="odd backup"> or <tr class="even backup">。這樣的功能之後添加像下面的樣式： -

tr.odd { 
    /* your styles already used*/ 
} 
tr.even { 
    /* your styles already used*/ 
} 
tr.backup { 
    font-style: italic; /* This would take effect for the <tr> which has backup class added */ 
}

編輯：

如果你把你想保留備份<tr>的.backup類的需求將實現內部的樣式。 請保持.backup類低於.even and .odd類。上面寫的樣式會被下面的樣式覆蓋。

來源

2012-06-25 12:05:23 Subhajit

您正在使用哪種腳本？因爲我不知道你在用什麼。我是一名前端開發人員，因此向您提供了與樣式有關的想法。 – Subhajit

哦，我沒有關於JSP的知識，你可以提出這個要求的問題。一旦你得到了答案，就使用這裏提到的風格。你的問題將被解決。 – Subhajit

最受歡迎:) – Subhajit

用這一個!important

tr.odd{ 
background:red !important; 
}

tr.even{ 
background:yellow !important; 
}

來源

2012-06-25 11:58:52

儘量只用CSS選擇這樣做，你不需要在DOM指定的類。

tr:nth-child(even) {background: #CCC} 
tr:nth-child(odd) {background: #FFF}

然後只是在需要時添加備份類。

只要確保在偶數和奇數規則之後定義.backup類，就不會覆蓋任何內容。

來源

2012-06-25 12:02:39

回答

相關問題