How to do sibling selectors with Styletron or other CSS-in-JS frameworks?

Question

How can I translate this (LESS):

.urlBox {
    background: #ddd;
    border-radius: 5px;
    padding: 5px;

    + .urlBox {
        margin-top: 5px;
    }
}

So far I've got this:

const UrlBox = styled('div', {
    background: '#ddd',
    borderRadius: '5px',
    padding: '5px',
});

But I can't figure out how to do the sibling selector (+).

I don't think this is [possible](https://github.com/rtsao/styletron/issues/27) with Styletron at the moment. — mpen, May 26 '17 at 15:41

score 1 · Answer 1 · answered May 25 '17 at 18:59

1

In JSS we have nested syntax, which is similar to less/sass.

answered May 25 '17 at 18:59

Oleg Isonen

1 Answers1