为什么html表格单元格的边框颜色不会改变?

vre*_*sys 19 html css

如何使细胞的左边界变红?为什么这不起作用?谢谢!!

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.main-table {
    border-collapse: collapse;
}
.main-table td {
    margin: 0px;
    padding: 0px;
    border: 1px solid #aaa;
    padding: 1px 4px 1px 4px;
}
.left-border {
border-left: 1px solid red !important;
}
</style>
</head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
Run Code Online (Sandbox Code Playgroud)

左边框是否应该覆盖.main-table td上指定的颜色?

<table class='main-table' cellspacing='0' cellpadding='0'>
<tr>
    <td> 1 </td>
    <td> 366 </td>
</tr>
<tr>
    <td > 2 </td>
    <td class='left-border'> 777 </td>
</tr>
</table>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Nie*_*sol 34

将边框设置为1px double red.1px宽的"双"边框看起来与"实心"相同,但在折叠边框计算中具有更高的优先级.

  • 作为参考,CSS2.1中的边界冲突解决规则是[这里](http://www.w3.org/TR/CSS2/tables.html#border-conflict-resolution). (2认同)