收藏
回答

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

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



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

最后一次编辑于  03-10
回答关注问题邀请回答
收藏

4 个回答

  • 不这这这
    不这这这
    08-06

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

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

    color: red;

    }

    改一下如下就不报错:

    .col ~ .col{

    color: red;

    }

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

    不知道这算bug吗?

    好好的css被阉成这。。。

    08-06
    赞同
    回复 2
    • 🐳兔子
      🐳兔子
      08-14

      你这种只能用+了

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


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

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


    wxml li加上 hover-class="_hover"

    wxss

    view._hover~view::before

    03-12
    赞同
    回复
  • 连胜
    连胜
    03-11

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

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

    03-11
    赞同
    回复 1
    • elec
      elec
      03-11

      换成

      view:hover ~ view::before

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

      03-11
      回复
  • elec
    elec
    03-10

    好像是因为使用的是

    li:hover ~ li::before


    换成

    li ~ li::before

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

    03-10
    赞同
    回复