Css 边界右don'；不能在Firefox浏览器中工作

右边框不适用于Firefox浏览器中的th表格标题元素。有什么建议吗

css工作正常。您可能想要更改颜色，只是为了能够看到更改

#content table.datatable th {
border:1px solid #000;  
border-right:1px solid black;    
border-color:black;
}

---

如果仍然没有看到任何更改，则可能是标记错误。它应该是这样的：

#content table.datatable th {
  border:1px solid #000;  
  border-right:1px solid red;    
  /*border-color:black;*/
}

标题1
标题2
数据1
数据2

---

注意：div、table、th、td的内容是虚拟的，没有其他内容。

在您给出的代码片段中，您已将边框颜色设置为黑色3次。如果在实时代码中，第二行中有不同的颜色（例如蓝色），则第一条语句会将整个边框的颜色设置为黑色（#000），第二条语句只会将右侧边框设置为蓝色。到现在为止，一直都还不错。但是第三行

边框颜色：black

将整个边框再次设置为黑色，从而覆盖第二行

如果在同一CSS规则中有两个类似的冲突属性设置，则后一个将否决前一个。（这与更常见的情况相同，即样式表中稍后的规则将覆盖该样式表中较早的规则，或者在较早的样式表中，给定具有相同特性的两个规则。）

---

换句话说，一个设置是边界，另一个设置是边界权利，这一事实不会改变任何事情；border属性只是一种组合方式，可以一次性设置左、右、上、下边框的四个属性。重要的是这些设置的显示顺序，而不是您是指定四合一边框还是仅指定单面。

右边框：1px纯黑！重要的而且你已经在使用黑色了，所以你不会看到，很难说为什么这不起作用。可能选择器与th不匹配，或者在css的下面有另一个相同权重的匹配选择器，或者更具体的选择器。。。您可以在浏览器中
检查元素
，并查看应用了哪些CSS规则。我知道在Chrome中你可以看到所有的规则，包括被其他人否决的规则（删除）。FireFox可能也有。你有你的页面的JSFIDLE或url吗？
<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>