我有一个表格,其中我为每隔一行赋予了灰色背景颜色。我如何捕获这里的空单元格?为什么这些没有被捕获在这个 css 中:
tr:nth-child(even) {
background-color: #dddddd;
}
执行 td:empty 也不会捕获 block ,所以我有点困惑。
这是 html
<td>
<tr>
<td colspan="2">
<input type="text" placeholder="Add new email" v-model="email" />
<img @click="addEmailToQ" src="@/assets/Plus.png" />
</td>
</tr>
<!-- <h2>Emails</h2> -->
<tr style="text-align: left" v-for="(email, key) in emailList" :key="key">
{{email}}
</tr>
</td>
最佳答案
关于你的“错误”:它与CSS无关,你的标记完全是错误的。 <tr>
需要附上<td>
,而不是相反。
在此处阅读 HTML 表:https://www.w3schools.com/html/html_tables.asp
下面的示例代码:如果给出了正确的标记,空单元格将具有 CSS 给定的背景颜色。
table {
width:100%;
}
tr:nth-child(even) {
background-color: #dddddd;
}
<table>
<tr>
<td>Row 1, Cell 1</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td></td>
<td></td>
</tr>
</table>
关于html - 表格中的背景颜色不显示空单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60866353/