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

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

[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标签则自己补充

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 事件轮询
    鸿泽云码阅读 1,501评论 0 1
  • 前言 阅读这篇文章你将学到: 快速启动一个小程序项目 快速上手小程序重构业务 在页面布局中遇到的一些坑 使用mpv...
    谭瞎阅读 12,992评论 0 12
  • vue面试题 一、vue优点 1.轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 2.简单...
    没糖_cristalle阅读 5,497评论 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,978评论 1 45
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    迷月闪星情阅读 13,585评论 0 11