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

Question

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

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

但是，它不起作用。在Chrome Developer工具中，它可以正确显示正确的CSS代码，但是对于某些原因，它会选择每个img标签，而不仅仅是第一个。如何只选择JSS中的第一个元素？

Answer 1

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

Answer 2

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

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

• 通常容器内的所有子项都属于同一类型，因此每次子项的类型并不重要。