兄弟兄弟CSSルールとリアクションスタイル付きコンポーネント/ CSSモジュール/ CSS-in-JS

Question

styled-componentsで兄弟セレクタを含むルールを変換するにはどうすればいいですか？ は（私はそれがまた、生成されたクラス名によるスタイリングの他のフレーバーに関係だと思う）

const Pane = styled.div` 
    & > .subItem + .subItem { 
    margin-top:10px; 
    } 
` 

Answer 1

あなたが投稿したコードあなたが子供および/または兄弟の静的なクラス名を持っている場合、完全に動作します！

現在のところ、生成されたクラス名で他のスタイル付きコンポーネントの選択はサポートされていませんが、まもなくご利用いただけるようになります。

const StyledDiv = styled.div`` 

// All StyledDiv's directly inside a Pane will have blue text 
const Pane = styled.div` 
    & > ${StyledDiv} { 
    color: blue; 
    } 
` 

フォローthis issueと連動PRそれが着地時に通知する：（おそらく今週または来週）

これは、我々は追加の方に見ているAPIです。