2外部CSS的ID，但只有第一個作品

我有我的表在外部CSS。它有交替的陰影行。我想要一個表格單元格具有綠色背景和紅色字體。另一個有綠色書寫的紅色背景的單元格。但它只會採用第一個ID。如果我先把紅色背景放進去，那會顯示，但不會顯示綠色。如果我先把綠色背景放進去，那會顯示但不是紅色。2外部CSS的ID，但只有第一個作品

tr:nth-child(odd) {background: #FFF} 
tr:nth-child(even) {background: #CCC} 
table,th,td 
{ 
border:1px solid black; text-align:center; 
} 

#worst {font-style:bold; background-color: red; color:green }; 
#best {font-style:bold; background-color: green; color:red };

HTML

<tr> 
    <td>Hummer</td> 
    <td>290</td>  
    <td>115</td> 
    <td ID="worst">405</td> 
</tr> 
<tr> 
    <td>Bike</td> 
    <td>0</td>   
    <td>5</td> 
    <td ID="best">5</td> 
</tr>

是這樣的外部CSS的屬性或者是別的東西錯了嗎？

來源

2014-04-01 TheOneNOnlyQ

的問題是有點微妙這裏，看到了分號，在這行代碼的結束？

#worst {font-style:bold; background-color: red; color:green }; 
#best {font-style:bold; background-color: green; color:red };

那些不應該在那裏。發生了什麼事是，當你把一個分號的地方是，在CSS解析器試圖讀取。但它是一個語法錯誤，所以它跳過你的代碼的其餘部分，因爲它假定它是無效的。

來源

2014-04-01 01:04:13 geoff

完美！謝謝。 – TheOneNOnlyQ

分號應該是}裏面，不是外面。你正在創建一個無效的選擇;\n #best
（\n是當然的換行符，！）

來源

2014-04-01 01:02:32

2外部CSS的ID，但只有第一個作品

回答

相關問題