0

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 >
4

3 に答える 3

0

これを使った!important

tr.odd{
background:red !important;
}

tr.even{
background:yellow !important;
}
于 2012-06-25T11:58:52.977 に答える
0

cssセレクターだけでそれを試してみてください。DOMでクラスを指定する必要はありません。

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

次に、必要に応じてバックアップのクラスを追加します。

偶数と奇数のルールの後にクラスを定義するようにしてください.backup。そうすれば、何も上書きされません。

于 2012-06-25T12:02:39.143 に答える
0

まず、バックアップ値が存在する<tr>ときに新しいクラスが追加されるかのように機能を作成する場合。たとえば、then という名前のクラスを追加すると、は次のようになります。この機能を実行した後、以下のようなスタイルを追加します：-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-25T12:05:23.343 に答える