Javascript 阿芙罗狄蒂奇数反应+；偶数选择器

目前我正在用React开发一个简单的应用程序，我选择使用Aphrodite来处理我的CSS

---

然而，我遇到了一个我找不到答案的问题，那就是处理奇偶psuedo选择器。有人举过如何使用Aphrodite处理奇偶psuedo的例子吗？

使用Aphrodite，您可以在js中使用样式表，并为对象键定义一个伪类，其中包含一个伪类的字符串表示形式。它看起来像这样

const styles = StyleSheet.create({
    hover: {
        ':hover': {
            backgroundColor: 'red'
        }
    },
    ... other styles here ...
});

因此，当使用Aphrodite时，您可以使用其

css

功能将其注入

悬停时我得到一个红色背景！

---

以上答案是正确的，我不知道你能做的是

const styles = StyleSheet.create({
    red: {
        backgroundColor: '#dedcdb'
    },

    nthChild: {
      ':nth-child(even)': {
        backgroundColor: '#e8e8e8'
      }
    },

    small: {
        '@media (max-width: 600px)': {
            backgroundColor: 'red',
        }
    }
});

这将为每个偶数儿童涂上正确的颜色

const styles = StyleSheet.create({
    red: {
        backgroundColor: '#dedcdb'
    },

    nthChild: {
      ':nth-child(even)': {
        backgroundColor: '#e8e8e8'
      }
    },

    small: {
        '@media (max-width: 600px)': {
            backgroundColor: 'red',
        }
    }
});