收藏
回答

小程序CSS不支持~匹配选择器

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 需求 工具 7.0.3 2.6.2



+ > , 这些选择器都支持,就~这个匹配选择器不支持,求解

回答关注问题邀请回答
收藏

7 个回答

  • TNT
    TNT
    2023-06-02

    23年了还没支持 😂

    2023-06-02
    有用
    回复
  • ZYB
    ZYB
    2021-04-15

    官方没人来回答这个问题吗?

    2021-04-15
    有用
    回复
  • 队长
    队长
    2019-12-31

    同样的问题

    2019-12-31
    有用
    回复
  • 不这这这
    不这这这
    2019-08-06

    我的也是一样,如下报错:

    .col:nth-last-child(4) ~ .col{

    color: red;

    }

    改一下如下就不报错:

    .col ~ .col{

    color: red;

    }

    但这完全不是一个效果啊,我需要那个计数。

    不知道这算bug吗?

    好好的css被阉成这。。。

    2019-08-06
    有用
    回复 2
    • 🐳兔子
      🐳兔子
      2019-08-14

      你这种只能用+了

      .col:nth-last-child(4) + .col{
      color: red;
      }
      .col:nth-last-child(4) + .col + .col{
      color: red;
      }
      ...


      2019-08-14
      回复
    • 不这这这
      不这这这
      2019-08-15回复🐳兔子
      这样和我要的是不一样的,我要的是所有兄弟元素,+是相邻的一个兄弟元素
      2019-08-15
      回复
  • Maverick
    Maverick
    2019-03-12

    触摸设备还是不要用:hover吧


    wxml li加上 hover-class="_hover"

    wxss

    view._hover~view::before

    2019-03-12
    有用
    回复
  • 连胜
    连胜
    2019-03-11

    看到li标签,小程序没有这个组件,你应该是用了第三方框架,mpvue?wepy?taro?

    建议去第三方框架的官网反馈一下,也许是他们未替换完成~

    2019-03-11
    有用
    回复 1
    • 2019-03-11

      换成

      view:hover ~ view::before

      也一样报错,就是前面的标签或者class不能带:hover之类的

      2019-03-11
      回复
  • 2019-03-10

    好像是因为使用的是

    li:hover ~ li::before


    换成

    li ~ li::before

    就不会报错,但是想要的效果没了

    2019-03-10
    有用
    回复
登录 后发表内容