一千萬個為什麽

搜索

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;
}

目前 .occupieddataYellowGreen 。當值為“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屬性選擇器