Question

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

border-right不适用于Firefox浏览器中的th-table标题元素。请给我任何建议。

Answer 1

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，table，th，td的内容是虚拟的，没有别的。

Answer 2

在代码段中，您可以将边框颜色设置为黑色3倍。如果在你的实时代码中你在第二行中有不同的颜色（例如蓝色），那么你的第一个语句会将整个边框的颜色设置为黑色（＃000），然后第二个将设置为右边的颜色边界只是蓝色。到现在为止还挺好。但是然后你的第三行border-color:black再次将整个边界设置为黑色，从而覆盖第二行。

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

换句话说，一个设置是边框而另一个设置是边框右边的事实不会改变任何东西; border属性只是一次性设置左，右，上和下边框的四个属性的复合方式。重要的是这些设置的显示顺序，而不是您是指定四合一边框还是仅指定单边。

border-right在Firefox浏览器中不起作用

2 个答案: