html - 无法设置 td 元素的样式

Question

我不确定为什么，但我似乎无法在脚本中设置 td 元素的样式。我正在尝试从表格字幕中的所有 td 元素中删除边框，我想我的 css 不知何故是错误的。

PS:我只能通过内联 css 去除边框。

HTML:

<table> 
    <thead> 
        <tr>
            <th width="100%" colspan="5">My Recent Activity</th>
        </tr> 
    </thead> 
    <tbody> 
        <tr class="table-subtitles">
          <td style="border: 0"><h4>Date</h4></td>
          <td><h4>Description</h4></td>
          <td><h4>Amount</h4></td>
          <td><h4>Due</h4></td>
          <td><h4>Status</h4></td>
        </tr>
        <?php foreach($this->payments as $payment): ?>
        <tr>
        </tr>
       <?php endforeach; ?>        
        <?php 
            if ((count($this->payments)==0)) :
        ?>      
          <tr>
            <td style="border: 0; text-align: center" colspan="6" class="info">No payments made yet</td>
          </tr>
       <?php endif; ?>    
    </tbody>
</table>

CSS:

#payments-content { width: 480px; float: left; margin-right: 20px; }
#payments-sidebar { width: 270px; float: left; }

.ui-button-large .ui-button-large-text { font-size: 20px; width: 270px; }

// new tables design
.table-subtitles td{ border-bottom: 0 !important; }

Answer 1

//不是 css 注释。你必须使用/* */