时间戳

首页 > 解决方案 > 如何更改特定表格行的表格边框折叠属性？

html - 如何更改特定表格行的表格边框折叠属性？

问题描述

我在片段上有一个例子，它有表格并应用了边框折叠：单独的属性。但我不希望第二行有这个规则。无论如何要为特定行关闭它吗？

<!DOCTYPE html>
<html>
<head>
<style>
table, td, th {
  border: 1px solid black;
}

#table1 {
  border-collapse: separate;
}

#table2 {
  border-collapse: collapse;
}
</style>
</head>
<body>

<h2>border-collapse: separate</h2>
<table id="table1">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Griffin</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
  </tr>
</table>

</body>
</html>

标签： htmlcss

解决方案

您可以使用一些 CSS 选择器，例如 nth-child 或 nth-of-type 来打开/关闭特定行的效果。

推荐阅读