html - 维基百科上的 HTML 家谱样式

Question

维基百科经常在他们的文章中加入家谱。一个例子可以在这里找到：

https://en.wikipedia.org/wiki/Monarchy_of_Belgium#List_of_Kings_of_the_Belgians

如果我查看上述家谱的 HTML 源代码，我看不到它们是如何防止空表格单元格绘制边框的。

有人可以指出控制这个家谱中单元格样式的样式代码吗？我想复制一个家谱，但简单地剪切和粘贴<table> </table>内容失败。我得到的只是一个巨大的网格。

Answer 1

我最终弄清楚了问题所在。在我的 HTML 源代码中，我链接到了一个默认的 CSS 文件，我总是在我的所有 HTML 项目中使用该文件。事实证明，CSS 中有在每个单元格周围画黑线的代码。

Answer 2

使用谷歌浏览器（例如），而不是右键单击并选择“查看页面源代码”，选择“检查”下的下一个选项以打开开发工具侧边栏。您将看到源代码和应用于每个元素的样式，包括来自样式表的样式以及它们直接应用于标记的内联样式。

编辑：我已经为您提取了标记和样式到jsFiddle 中，您必须将每个“td”的所有匹配样式压缩到一个样式声明中。

#TABLE_1 {
  color: rgb(37, 37, 37);
  height: 1651px;
  width: 1211px;
  perspective-origin: 605.5px 825.5px;
  transform-origin: 605.5px 825.5px;
  border-spacing: 0px 0px;
  font: normal normal normal normal 14px / 22.4px sans-serif;
  outline: rgb(37, 37, 37) none 0px;
}

等等等等