作为一种变通方法，您可以将last-child伪类替换为nth-last-child(1)，它与last-child做的事情完全相同，但不受该错误的影响。

$("#addMore").one("click", function() {
  $("#container").append($("#container").html());
  $(this).remove();
});

.block {
  border-bottom: 1px solid red;
  counter-increment: block;
  margin: 20px 0;
  position: relative;
}
.block:after {
  content: " " counter(block);
}
.block:nth-last-child(1) {
  border-bottom: 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">
  <div class="block">Test block</div>
  <div class="block">Test block</div>
  <div class="block">Test block</div>
  <div class="block">Test block</div>
</div>
<div id="addMore">Add more blocks</div>

我在Chrome 55.0.2883.87中进行了测试，它让我感到困惑-显然是一个bug。
即使我在.html()上使用.clone()，问题仍然存在：

$("#container").append($("#container > .block").clone());

字符串
一个可能的 * 修复 * 可能是 * 强制 * container的 * 重新渲染 *-我用这个来重新渲染：

$('#container').hide().show(0);

型
请参见下面的演示：

$("#addMore").one("click", function() {
  $("#container").append($("#container > .block").clone());
  // fix: by forcing re-rendering
  $('#container').hide().show(0);
  $(this).remove();
});

.block {
  border-bottom: 1px solid red;
  counter-increment: block;
  margin: 20px 0;
  position: relative;
}
.block:after {
  content: " " counter(block);
}
.block:last-child {
  border-bottom: 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">
  <div class="block">Test block</div>
  <div class="block">Test block</div>
  <div class="block">Test block</div>
  <div class="block">Test block</div>
</div>
<div id="addMore">Add more blocks</div>

稍微处理一下这个问题就暗示了Chrome浏览器中存在一些错误。
但是我注意到，如果我们使用border-top而不是border-bottom，那么它就可以正常工作。

CSS：

.block:not(:first-child) {
  border-top: 1px solid red;
}

字符串

$("#addMore").one("click", function() {
	$("#container").append($("#container").html());
	$(this).remove();
});

.block {
  counter-increment: block; 
  padding: 20px 0;
  position: relative;
  margin-bottom: 1px;
}
.block:after {
  content: " " counter(block);
}
.block:not(:first-child) {
  border-top: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="container">
  <div class="block">Test block</div>
  <div class="block">Test block</div>
  <div class="block">Test block</div>
  <div class="block">Test block</div>
</div>
<div id="addMore">Add more blocks</div>

我在使用css样式td:last-child和border-right向表中动态添加行时也遇到过类似的问题，当页面首次加载时它可以工作，但一旦额外的<tr>元素被添加到表中，新的和现有的行有时会呈现为没有右边框。
我把它换成了td:last-of-type，它看起来工作得很好。