为什么我的<tfoot>边框颜色不会覆盖我的<tbody>边框颜色？

Question

<table id="tab">
    <thead><tr><td>hhh</td><td>hhh</td></tr></thead>
    <tbody><tr><td>aaa</td><td>aaa</td></tr></tbody>
    <tfoot class="foot"><tr class="foot"><td class="foot">fff</td><td>fff</td></tr></tfoot>
</table>

#tab tr td {
    border: solid 2px green;
}

.foot {
    border: solid 2px red !important;
}

为什么我的<tfoot>边框颜色不会覆盖<tbody>边框颜色？我还想把边框颜色设为<tfoot>红色.

实例: http ://jsfiddle.net/S8tUW/1/

Answer 1

像这样写:

.foot tr td{
    border: solid 2px red !important;
}

#tab tbody tr td{
    border-bottom:0;
}

检查这个http://jsfiddle.net/sandeep/S8tUW/19/