首页 > 解决方案 > 与 sass 子选择器等效的 bs-css 子选择器是什么?

问题描述

我目前有一些我正在尝试转换为使用的 SASS bs-css(7.3)。

萨斯看起来像

.checkbox {
    svg {
        height: 28px;
        width: 28px;
    }
}

我试过使用

open Css;
let checkbox =
    style([
    backgroundColor(Basics.Colors.white),
    border(`px(1), `solid, Basics.Colors.gray850),
    selector(
        "svg",
        [height(Basics.Icon.epsilon), width(Basics.Icon.epsilon)],
    ),
    ]);

但我找回了svg设置为的 css 属性[Object Object]

标签: csscss-selectorsreasonglamorbs-css

解决方案


基本上是与的绑定,因此您可以使用其文档中描述的任何选择器。

对于子选择器,它建议使用"& svg",虽然&可以省略,但我真的建议包含它以提高可读性。空格往往很容易被忽略。


推荐阅读