#content table.datatable th {
border:1px solid #000;
border-right:1px solid black;
border-color:black;
}
border-right不工作在Firefox瀏覽器中的表格標題元素。任何建議請。border-right在Firefox瀏覽器中不工作
#content table.datatable th {
border:1px solid #000;
border-right:1px solid black;
border-color:black;
}
border-right不工作在Firefox瀏覽器中的表格標題元素。任何建議請。border-right在Firefox瀏覽器中不工作
該CSS工作得很好。你可能想改變顏色,只是爲了能夠看到的變化
#content table.datatable th {
border:1px solid #000;
border-right:1px solid red;
/*border-color:black;*/
}
如果您還沒有看到任何改變,你可能有錯誤的標記。它應該是這個樣子:
<div id="content">
<table class="datatable">
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</table>
</div>
注:DIV,臺,日,TD的內容是假的,沒有別的。
在你給出的代碼片段中,將邊框顏色設置爲黑色3次。如果在你的實時代碼中你在第二行有不同的顏色(例如藍色),那麼你的第一條語句將把整個邊框的顏色設置爲黑色(#000),然後第二條語句將右邊的邊界只是藍色。到現在爲止還挺好。但是,然後你的第三行border-color:black
將整個邊界再次設置爲黑色,因此覆蓋第二行。
如果在同一個CSS規則中有兩個像這樣的衝突屬性設置,那麼後面的一個會覆蓋前面的一個。 (這與更常見的情況是相同的,其中稍後在樣式表中的規則將在該樣式表中稍後覆蓋一個規則,或者在較早的樣式表中給定兩個具有相同特定性的規則)。
換句話說,一個設置爲邊界而另一個設置爲邊界 - 右邊的事實不會改變任何事情;邊界屬性只是一次性設置左側,右側,頂部和底部邊界的四個屬性的複合方式。這是這些設置出現的順序,而不是指定四合一邊框還是僅指定單邊邊框。
'border-right:1px solid black!important; '而且你已經在使用黑色了,所以你不會看到它 – Rafael 2014-12-07 22:22:29
[在你的CSS中使用!important通常意味着你很自戀,自私或懶惰。尊重開發者來...](http://css-tricks.com/when-using-important-is-the-right-choice/) – GolezTrol 2014-12-07 22:25:04
很難說爲什麼這不起作用。也許選擇器不匹配th,或者還有另一個匹配的選擇器在css下面,或者是更具體的匹配選擇器......您可以在瀏覽器中檢查元素,看看應用了哪些CSS規則。我知道在Chrome瀏覽器中,您可以看到所有規則,包括被其他人推翻的規則(已被刪除)。 FireFox可能也有[這樣的功能](http://getfirebug.com/)。 – GolezTrol 2014-12-07 22:30:17