JSF/CSS屬性選擇器

我有一個有兩列的表。我希望在包含特定值時使用CSS以不同方式設置第二列的值。

這是觀點：

css文件是：

table {
   background : Blue ;
}

table.overalltable th {
    background : Yellow;
}

table.overalltable tr {
    background : White;
}

table.overalltable .keydata {
    background : Orange;
}

table.overalltable .occupieddata {
    background : YellowGreen;
}

目前 .occupieddata 是 YellowGreen 。當值為“Occupied”時，我希望它是 Red 。類似於以下內容：

table.overalltable .occupieddata[occupiedFlag='Occupied'] {
    background : Red;
}

或者像這樣：

table.overalltable .occupieddata[slotdata='Occupied'] {
    background : Red;
}

我怎麽能實現這個目標？我使用以下技術：

Java 1.6.0_22-b03
JSF 1.2
JSTL 1.2
Eclipse 3.6.0（Helios）
Tomcat 6.0.28（需要在Weblogic上運行）
IE 7.0.5730.13
Firefox：3.6.12

最佳答案

This isn't going to work. Your renders a HTML element because you specified the id and style attributes on it. If you checked the generated HTML code, it should look like this

<td class="occupieddata">Occupied</td>

現在，您可以按如下方式添加另一個樣式類：

所以最終結果如下：

<td class="occupieddata">Occupied</td>

然後您可以將其設置為紅色，如下所示：

table.overalltable .occupieddata .Occupied {
    background : Red;
}

順便說一下，考慮將所有 style =“font-size：12pt 從標記移到樣式表中，它就在那裏。

一千萬個為什麽

JSF/CSS屬性選擇器

最佳答案

轉載註明原文： JSF/CSS屬性選擇器

熱門教程