2014-12-07 49 views
0
#content table.datatable th { 
border:1px solid #000; 
border-right:1px solid black;  
border-color:black; 
} 

border-right不工作在Firefox瀏覽器中的表格標題元素。任何建議請。border-right在Firefox瀏覽器中不工作

+0

'border-right:1px solid black!important; '而且你已經在使用黑色了,所以你不會看到它 – Rafael 2014-12-07 22:22:29

+1

[在你的CSS中使用!important通常意味着你很自戀,自私或懶惰。尊重開發者來.​​..](http://css-tricks.com/when-using-important-is-the-right-choice/) – GolezTrol 2014-12-07 22:25:04

+1

很難說爲什麼這不起作用。也許選擇器不匹配th,或者還有另一個匹配的選擇器在css下面,或者是更具體的匹配選擇器......您可以在瀏覽器中檢查元素,看看應用了哪些CSS規則。我知道在Chrome瀏覽器中,您可以看到所有規則,包括被其他人推翻的規則(已被刪除)。 FireFox可能也有[這樣的功能](http://getfirebug.com/)。 – GolezTrol 2014-12-07 22:30:17

回答

0

該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的內容是假的,沒有別的。

0

在你給出的代碼片段中,將邊框顏色設置爲黑色3次。如果在你的實時代碼中你在第二行有不同的顏色(例如藍色),那麼你的第一條語句將把整個邊框的顏色設置爲黑色(#000),然後第二條語句將右邊的邊界只是藍色。到現在爲止還挺好。但是,然後你的第三行border-color:black將整個邊界再次設置爲黑色,因此覆蓋第二行。

如果在同一個CSS規則中有兩個像這樣的衝突屬性設置,那麼後面的一個會覆蓋前面的一個。 (這與更常見的情況是相同的,其中稍後在樣式表中的規則將在該樣式表中稍後覆蓋一個規則,或者在較早的樣式表中給定兩個具有相同特定性的規則)。

換句話說,一個設置爲邊界而另一個設置爲邊界 - 右邊的事實不會改變任何事情;邊界屬性只是一次性設置左側,右側,頂部和底部邊界的四個屬性的複合方式。這是這些設置出現的順序,而不是指定四合一邊框還是僅指定單邊邊框。

相關問題