css - 关于css多个div的简单问题

Question

我有以下 HTML:

<div class="wall" > 
<table> 
  <tr> 
    <div class="tbr01"><th>Content</th></div> 
    <div class="tbr02"><th>User</th></div> 
    <div class="tbr03"><th>Published</th></div>
  </tr>
</table>
</div>

如何调整第一个div.tbr01的宽度

这是我在我的 css 文件中尝试过的:但我做错了什么？

div.wall table tr div.tbr01 th {
    width: 100px;
}

问候，泰斯

Answer 1

您的 HTML 是 invalid .

你不能有 <div>作为 <tr> 的 child 或 <th> 的 parent .

浏览器将以各种不同的方式执行错误恢复，并且通常会为您提供一个与您预期不同的 DOM(例如，通过将所有 div 元素移到表格之外)。

摆脱 div 元素并将您的样式直接应用于表格单元格。