クラス>アロディーテの要素セレクター

Question

どのように実装するか>アプロダイトのelemntセレクター子divを幅「100％」にスタイルしたい

inputContainer: { 
     width: '100%', 
     "> div": { 
      width: '100%' 
     } 
    }, 

しかし、動作していません。

Answer 1

アフロディーテはネストされた要素のスタイリングをサポートしていません。私はスタイリッシュなコンポーネントや魅力的なものを使用することをお勧めします。

Answer 2

そのハックの回避策のビットが、私は、これはアフロディーテで動作するはずと信じて：あなたがして、ルールを起動する場合アフロディーテは基本的にそれが作成したスタイルタグにそのまま何も移調されますので、

':nth-child(1n) > div': { 
     width: '100%' 
    }, 

それは動作します"："

Answer 3

代わりにAphroditeJSSを使用してください。それはアフロディーテと同じAPIを使用し、アフロディーテのいくつかのアフロディーテの欠点を処理し、子孫のスタイリングはそれらの一つです。

https://github.com/cssinjs/aphrodite-jss

npm i aphrodite-jss --save-dev

const inputCss = Stylesheet.create = ({ 
 
    inputContainer: { 
 
     width: '100%', 
 
     "> div": { 
 
      width: '100%' 
 
     } 
 
    }, 
 
});