如何在给定HTML表格场景下移除最后一个content__graph-item的margin

适配当前HTML结构的实现方案 #

因为你给出的结构中，每个.content__graph-item都嵌套在独立的<td>标签内，所以可以通过选中最后一个<td>再匹配内部目标元素的方式实现：

/* 匹配表格行内最后一个td里的.content__graph-item元素 */
tr td:last-child .content__graph-item {
  margin: 0;
  /* 如果只需要清除单侧margin，比如margin-right，就写 margin-right: 0; */
}

通用场景补充方案 #

如果后续结构调整，所有.content__graph-item变为同级兄弟节点，可以直接用类的伪类匹配：

.content__graph-item:last-of-type {
  margin: 0;
}

注意：该方案在你当前给出的嵌套结构中不生效，因为两个目标元素分属不同父节点，不属于同级兄弟节点。

内容的提问来源于stack exchange，提问作者lisovskiy329