html コード:
<table class='cTable'><th>Title</th>
<tr><td>Item1</td></tr>
<tr><td>Item2</td></tr>
<tr><td>Item3</td></tr>
</table>
CSS コード:
.cTable tr {
display: none;
}
このことは、行だけでなく頭も隠します。それを回避する方法はありますか?
display: none;
可能であれば、各 tr 要素にa を配置したくありません。
jsfiddle:
私はこれを試しました:
html
<table class='cTable'><th class='cTableTH'>Title</th>
<tr><td>Item1</td></tr>
<tr><td>Item2</td></tr>
<tr><td>Item3</td></tr>
</table>
CSS:
.cTable tr {
display: none;
}
.cTableTH {
display: block;
}
しかし、どちらも機能しません。