css nth-child：仅在chrome中正确显示边框

Question

我有一个Volusion电子商务网站，可锁定我的类别页面的内部HTML。仅使用提供的类，我尝试在类别页面上的表格单元格产品列表中添加顶部和底部边框。出于某种原因，它只在Chrome中出现，边框跨越整个表格行，但不应该。

我正在使用以下css：

table.v65-productDisplay > tbody > tr > td > table.v65-productDisplay > tbody > tr:nth-child(5n+1) > td[width="33%"] {border-top:1px solid #D6D5D5;}
table.v65-productDisplay > tbody > tr > td > table.v65-productDisplay > tbody > tr:nth-child(5n+4) > td[width="33%"] {border-bottom:1px solid #D6D5D5;}

当我检查作为间隔物的表格单元格并且不应该有边框时，元素的css显示它没有边框。我唯一可以得出的结论是，不知何故，在chrome中，表格单元格跨越整个行，导致一个css边框调用跨越表格行的整个宽度。

我已经尝试过我能想到的一切，我需要一双新的眼睛来解决这个问题。您可以在我的网站上查看此操作： http://www.yandasmusic.com/Portable-Keyboards-s/2119.htm

Answer 1

变化：

table { border-collapse: collapse; }

为：

table { border-collapse: initial; }