2012-06-25 3 views
0

Небольшая проблема с использованием 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 > 
+0

Вы спрашиваете, наведите указатель мыши на указатель мыши, чтобы отобразить значения курсивом, а также нечетные и четные свойства – Exor

+0

его полный список элементов, которые необходимо отобразить в отчете, и я использовал нечетные и четные стили для отображения строк с разными цветами фона, но когда есть резервное значение, только это конкретное значение, которое я хочу отобразить как курсив – Techie

+0

Просьба уточнить ваш вопрос. Какую проблему вы испытываете в настоящее время? У ваших «резервных» строк есть два класса в выведенном HTML, например. ''? – jackwanders

ответ

0

Прежде всего, если вы создадите функциональность, как если бы новый класс был добавлен в <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 */ 
} 

Edit:

Если поместить стили, которые вы хотите сохранить для резервного копирования <tr> внутри .backup класса ваше требование будет достигнуто. И, пожалуйста, держите класс .backup ниже класса .even and .odd. Поскольку стили, написанные выше, перезаписываются ниже.

+0

, какой скрипт вы используете? Поскольку я не знаю, что вы используете. Я разработчик интерфейса, поэтому даю вам идею, связанную со стилями. – Subhajit

+0

О, у меня нет знаний о JSP, вы можете задать вопрос для этого требования. И как только вы получите ответ на этот вопрос, используйте стиль, как я уже упоминал здесь. Ваша проблема будет решена. – Subhajit

+0

наиболее приветствуется :) – Subhajit

0

использовал это один !important

tr.odd{ 
background:red !important; 
} 

tr.even{ 
background:yellow !important; 
} 
0

Попробуйте сделать это только с помощью CSS селекторов, вам не нужно указывать классы в DOM.

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

, а затем просто добавьте класс резервного копирования, когда захотите.

Просто убедитесь, что вы определяете класс .backup после четных и нечетных правил, поэтому ничего не перезаписывается.

Смежные вопросы