html - CSS中是否存在矛盾导致边框保持显示？

Question

我不知道 CSS 中是否存在任何导致.noborder无法工作的矛盾：

 <table id="tableanswer" cellpadding="0" cellspacing="0">

...


<th width="30%" class="noborder"></th>

CSS：

#tableanswer td { 
    border:1px black solid;
    border-collapse:collapse;
}

.noborder td{
    border:0px; 
}

更新：

<table id="tableanswer" cellpadding="0" cellspacing="0">

    ...


    <th width="30%" class="noborder"></th>
    <td width="30%" class="noborder"></td>

CSS：

    #tableanswer td { 
        border:1px black solid;
        border-collapse:collapse;
    }


#tableanswer td.noborder {
    border:0px; 
}

#tableanswer th.noborder {
    border:0px; 
}

Answer 1

更新

有两个问题。

1) 你想要 "td.noborder" 而不是 ".noborder td" 2) "#{id} td" 比 "td.{classname}" 更强大

所以你需要加强你的选择器

#tableanswer td.noborder {
    border:0px; 
}

这是工作代码：http: //jsfiddle.net/T9GVn/

老的

您的代码有“TH”而不是“TD”。

尝试：

.noborder th {
    border:0px; 
}