用於tr的CSS與jsfiddle一起工作，不能在html文件中工作，td和table可以工作

我想格式化一個表格。在Chrome和Firefox中，當我將文件加載到瀏覽器時，TR的樣式似乎被忽略。我只是試圖向該行添加邊框。使用表格和TD的樣式。用於tr的CSS與jsfiddle一起工作，不能在html文件中工作，td和table可以工作

如果我在小提琴中使用它的工作原理。

它值得將樣式提取到單獨的css文件沒有幫助。

這裏是小提琴的鏈接。 http://jsfiddle.net/kdubs/6Ppf4/

<!DOCTYPE html> 
<html> 

<style type="text/css"> 

table 
{ 
border: 5px solid red; 
} 

tr 
{ 
border: 3px solid green; 
} 

td 
{ 
border: 1px solid blue; 
} 

</style> 

<body> 

<div> 
<table> 
<tbody> 

<tr> 
<td> 
one 
</td> 
<td> 
two 
</td> 
</tr> 

<tr> 
<td> 
three 
</td> 
<td> 
four 
</td> 
</tr> 

<tr> 
<td> 
five 
</td> 
<td> 
six 
</td> 
</tr> 

</tbody> 
</table> 
</div> 

</body> 
</html>

來源

2012-12-12 kdubs

如果在沒有的jsfiddle正常化運行它，它不工作，要麼 - Not working

要修復它添加border-collapse: collapse;到表 - DEMO

來源

2012-12-12 22:15:37

的作品。謝謝。你知道爲什麼嗎？我正在嘗試學習如何應用樣式規則。 – kdubs

用於tr的CSS與jsfiddle一起工作，不能在html文件中工作，td和table可以工作

回答

相關問題