为什么table <td>边框颜色是否继承自<tr>元素颜色？

Question

我只是注意到,如果我将"tr"元素颜色设置为红色,那么"td"边框颜色也会设置为红色.这是浏览器的错误吗？

https://jsfiddle.net/tbgggu62/3/

<table>
    <tbody>
        <tr style="color: red;">
            <td >A</td>
            <td>B</td>
        </tr>
        <tr class="spaceUnder">
            <td>C</td>
            <td>D</td>
        </tr>
        <tr>
            <td>E</td>
            <td>F</td>
        </tr>
    </tbody>
</table>

谢谢.

Answer 1

这不是一个bug.您已设置trto 的颜色red,td继承color自其父级的颜色,因此也是如此red.最后,您所设定的border-style和border-width的td,但你没有设置border-color. border-color 默认为currentcolor,这是元素的文本颜色:在这种情况下red.

通过一系列继承和默认值,它按预期工作.