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

アップデート

2 つの問題があります。

1) 「.noborder td」ではなく「td.noborder」が必要です 2) 「#{id} td」は「td.{classname}」よりも強力です

したがって、セレクターを強化する必要があります

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

作業コードは次のとおりです: http://jsfiddle.net/T9GVn/

年

あなたのコードには「TD」ではなく「TH」があります。

試す：

.noborder th {
    border:0px; 
}