CSS nth-child 表示大于和小于

沃梦达教程前端问题

2022-01-01

CSS nth-child for greater than and less than(CSS nth-child 表示大于和小于)

本文介绍了CSS nth-child 表示大于和小于的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

在我的 HTML 中，

<div class="container"></div><div 类="容器"></div><div 类="容器"></div><div 类="容器"></div>..........................................

在上面的 HTML 中，我有 container 类.在我的 CSS 中，我需要添加一些样式到 .container:nth-child(3,4,5,6,..等等).意味着我需要应用除 1 和 2 之外的所有 nth-child.

解决方案

:nth-child() 不适用于类，它会查找元素本身.您需要通过包装器包装 .container div 并使用以下内容:

.wrapper div:nth-child(n+3) {/* 把你的样式放在这里... *

本文标题为：CSS nth-child 表示大于和小于

上一篇：使用空格或大于号 >在 CSS 选择器中?

下一篇： CSS 选择器中的多个类