栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何选择重复图案中的一系列元素

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何选择重复图案中的一系列元素

这是一个常见的问题,但是我想指出的是,之所以

:nth-child(n+4):nth-child(-n+6)
只匹配一个特定范围的元素,是因为它仅提供了一个起点(n + 4)和一个终点(-n+6)。唯一可以大于或等于4_且_小于或等于6的元素是4、5和6,因此无法使用相同的选择器来匹配此范围之外的元素。添加更多
:nth-child()
伪内容只会缩小匹配范围。

解决方案是从列的角度来考虑这一点,假设每行总有3列(元素)。您有三列,因此需要三个 单独的

:nth-child()
伪值。第一列中的元素4和10相距6个元素,因此所有
:nth-child()
伪元素的参数都必须以6n开头。

An + B表达式中的+ b部分可以是+ 4,+ 5和+6,也可以是0,-1和-2 —它们都将匹配同一组元素:

  • li:nth-child(6n+4), li:nth-child(6n+5), li:nth-child(6n+6)
  • li:nth-child(6n), li:nth-child(6n-1), li:nth-child(6n-2)

您不能使用单个

:nth-child()
伪类或包含任何伪组合的单个复合选择器来执行此
:nth-child()
操作,因为An +
B表示法根本不允许构建与所述范围内的元素匹配的表达式。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/615054.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号