微信小程序 子元素选择器的相关问题

2021-03-08  本文已影响0人  克洛斯贝尔

微信小程序不支持*选择器

[style*="--aspect-ratio"]>:first-child {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
}

编译会报错

[style*="--aspect-ratio"]>*:first-child {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
}

编译成功,但无效

解决方案

[style*="--aspect-ratio"]>view:first-child {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
}

如果第一项为非view标签则自己补充

上一篇下一篇

猜你喜欢

热点阅读