td与其之间的空格或填充：之后

Question

我有一个包含tr>th的表格，td包含伪元素:after。我有CSS

table thead tr th:after {
  content: " ";
  width: 19%;
  display: block;
  height: 3em;
  float: right;
  background-color: white;
  border-left: 2px solid lightgray
}

.panel_content table thead tr th.site {
  border-top: 2px solid lightblue;
  background-color: lightblue;
}

如何删除：after和th元素之间的空格。

Answer 1

空格是由{after> width: 19%;引起的。这将占据表宽度的19％，具体取决于容器允许的宽度。