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

因此，在使用Aphrodite时，可以使用他们的css函数将其注入<head>

<div className={css(styles.hover)}>I get a red background on hover!</div>

这里有一个很棒的视频，展示了如何使用Aphrodite (包括伪类！)

票数 0

Stack Overflow用户

发布于 2017-05-28 21:45:40

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

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

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

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

用正确的颜色给每一个孩子涂上颜色。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44231480

复制

相似问题

问Aphrodite Odd +偶数选择器
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Aphrodite Odd +偶数选择器EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Aphrodite Odd +偶数选择器
EN