收藏
回答

css,nth-child和nth-to-type的使用问题,有大佬帮忙看看吗?

这个是小程序里的问题,于是我写了个静态页面,结果发现还是有问题,看来是我对css的理解还不够

我想让页面中,第一个item显示为红色,第二个item不变,第三个红色,第四个不变

难就在难,里面有一个干扰项,而一旦加入这个干扰项,nth-to-type似乎会去判断这个干扰项,而不会跳过它

有大神能解决下吗

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

1 个回答

  • Cjiang
    Cjiang
    2020-12-08

    2020-12-08
    有用
    回复 5
    • 渐层
      渐层
      2020-12-08
      哇!技术专员,是的……我读这个感觉就是这个,但是实际不行。


      如果我用想匹配偶数项的,比如class为item的,而如果在class为item中,穿插到有其他class,整个序列会变。


      这个和群里的人讨论了,我们感觉是css的缺陷,具体可以看看我那个镇楼图——我想让所有的奇数变色,而如果我在其中加了个别的class,就会出现顺序错乱,
      2020-12-08
      回复
    • Cjiang
      Cjiang
      2020-12-09回复渐层
      如果是写类名下的nth-of-type(n)匹配的是同个类型中的标签进行选择。
      2020-12-09
      回复
    • Cjiang
      Cjiang
      2020-12-09回复渐层
      比如上面的例子  .item:nth-of-type(n) 会匹配到对应的div进行选择。是以同类型做选择。
      2020-12-09
      回复
    • Cjiang
      Cjiang
      2020-12-09回复渐层
      可以使用别的方法改进一下。
      2020-12-09
      回复
    • 渐层
      渐层
      2020-12-09回复Cjiang
      呃,谢谢,终于看懂了……之前还以为你的意思是,这个可以做= =
      2020-12-09
      回复
登录 后发表内容
问题标签