反應阿芙羅狄蒂奇+連選擇器

目前我正在開發一個簡單的應用程序與React，我選擇使用阿芙羅狄蒂處理我的CSS。反應阿芙羅狄蒂奇+連選擇器

但是，我遇到了一個問題，我找不到答案，它處理奇數和偶數的僞選擇器。有沒有人有過如何使用阿芙羅狄蒂來處理奇+連僞造的例子。

2017-05-28 Ashleystreet01

使用Aphrodite可以在js中使用樣式表，並且可以使用對象鍵的字符串表示形式來定義僞類。這將是這個樣子

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

因此使用阿芙羅狄蒂當你用自己的css功能，把它注入到<head>

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

Here is a great video showing how to use Aphrodite (including pseudo classes!)

來源

2017-05-28 20:06:31

@downvoter謹慎解釋？ –

以上回答是正確的，我沒有意識到你所能做的就是這樣..

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

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

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

這將使每個孩子都擁有正確的顏色。

來源

2017-05-28 21:45:40 Ashleystreet01

反應阿芙羅狄蒂奇+連選擇器

回答

相關問題