Javascript 防止css应用于数组中的第一个渲染对象

当存在多个数组对象时，我希望应用

边框顶部

样式。不知道怎么说，但看看我想要什么：

当只有一张卡（一个阵列）时。线表示边框顶部：

content 1

多个内容：

content 1

_______________

content 2

_______________

content 3 etc

如您所见，只有一个数组时不存在边框，当有多个数组时，边框顶部显示。我所做的是将边框顶部应用于所有内容。如何得到我想要的

反应es6:

let data = [{id: 1, a: "car"}, {id: 2, a: "van"}, {id: 3, a: "truck"}];

return data.map(function(p, i) {
  let borderCss = "top-border-css";
  let noBorder = "no-border-css";
  return(
    <div key={p.id}>
      <div className={data.length === 1 ? noBorder : borderCss}>
        {p.a}
      </div>
    </div>
  )
}

let data=[{id:1，a:car}，{id:2，a:van}，{id:3，a:truck}]；
返回data.map（函数（p，i）{
让borderCss=“顶部边框css”；
let noboorder=“无边框css”；
返回(
{p.a}
)
}

---

我得到的是边框顶部应用于第一个内容。我不知道这是什么。它不应该应用于第一个内容，而应该应用于其他内容。

你可以使用css

第一个孩子

在所有
子元素上添加顶部边框，并在第一个元素上删除该边框


div.add-borders{
边框：1px纯黑；
宽度：200px；
利润率：20px；
}
div.add-borders div{
边框顶部：1px纯红；
}
div.add-borders div：第一个孩子{
边界顶部：无；
}

A.
A.
B
A.
B
C
在css中使用：第一个孩子

div { border-top: 1px solid #000; }
div:first-child { border-top: none; }

下次先检查是否存在相同的答案：）我的问题不够清楚，但这正是我所需要的：我接受你的答案，因为它基于我的例子。@Dekel我们在同一时间发表了评论。我的更简单；）