关于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>

如何调整th div.tbr01的宽度

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

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

致敬，Thijs

Answer 1

似乎它不喜欢div..。将类应用于th或使用

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

或

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

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

Answer 2

你的超文本标记语言是invalid。

不能将<div>作为<tr>的子级或<th>的父级。

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

去掉div元素，将您的样式直接应用于表单元格。