如何使用 Styletron 或其他 CSS-in-JS 框架做兄弟选择器？

Question

我怎样才能翻译这个（LESS）：

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

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

致Styletron?

到目前为止，我得到了这个：

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

但我不知道如何做兄弟选择器 (+)。

Answer 1

在JSS 中我们有nested 语法，类似于less/sass。