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>的孩子或<th>的父母。

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

删除div元素并将样式直接应用于表格单元格。

Answer 2

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

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

OR

<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;
}

关于css多个div的简单问题

2 个答案: