jss - 如何在jss中选择第一个或最后一个孩子

Question

我JSS(Javascript Style Sheets)在我的 React 项目中使用。我试图选择first-childor last-child，所以我尝试了以下

carousel: {
  "& img:first-child": {
    padding: "0 5px"
  }
},

但是，它不起作用。在 Chrome 开发人员工具中，它正确显示了正确的 CSS 代码，但是对于某些原因，它选择了每个 img 标签，而不仅仅是第一个孩子。如何仅选择 JSS 中的第一个元素？

score 5 · Accepted Answer

JSS 只是一个编译器，一旦它生成了有效的 CSS 并且您验证了它的正确性，您就必须在其他地方搜索错误。你的选择器对我来说看起来不错。

score 1 · Accepted Answer

但是，如果您只关心容器内的第一个孩子而不是孩子的类型，那么您可以使用

carousel: {
  "& > :first-child": {
    padding: "0 5px"
  }
},

2 回答 2