Nesting

[k15a]

elm-styled needs some way to select child items. I think the simplest solution would be a select function which takes a String as the selector and a List Rule.

header = styled div
    [ padding (rem 4)
    , select "h1"
        [ -- Styles for h1's which are children of the header
        ]
    , select "div > &"
        [ -- Styles if the header is a child of a div
        ]
    , select "> div"
        [ -- Styles for div's which are direct children of the header
        ]
    ]

This would mean we need to parse the selector and replace each & with the generated class or prepend the generated class if there is no & in the selector.

[k15a]

Added simple nesting in 10eb12a