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

Question

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

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

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

Answer 1

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

Answer 2

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

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

• 一般情况下，一个容器内的所有子元素都属于同一个类型，所以子元素的类型并不重要。