如何从CSS中选择div?

如何从CSS中选择div?,css,Css,我想选择以下顺序的div: div3,div4 div7,div8 div11,div12 div15,div16 and so on.... 我想知道,如何通过CSS的第n个子属性实现这个顺序? 请帮忙 在不了解您的结构的情况下,很难确定,但第n个类型的选择器可以在这里提供帮助 div:nth-of-type(4n+3) { /* every 4th div starting at 3 */ background: red; } div:nth-of-type(4n+4) { /*

我想选择以下顺序的div:

div3,div4
div7,div8
div11,div12
div15,div16
and so on....
我想知道,如何通过CSS的第n个子属性实现这个顺序?
请帮忙

在不了解您的结构的情况下,很难确定,但第n个类型的选择器可以在这里提供帮助

div:nth-of-type(4n+3) {  /* every 4th div starting at 3 */
  background: red;
}
div:nth-of-type(4n+4) {  /* every 4th div starting at 4 */
  background:blue;
}

如果不知道您的结构,很难确定,但是第n个类型的
选择器可以在这里提供帮助

div:nth-of-type(4n+3) {  /* every 4th div starting at 3 */
  background: red;
}
div:nth-of-type(4n+4) {  /* every 4th div starting at 4 */
  background:blue;
}
在CSS中

div:nth-child(4n+3),
div:nth-child(4n+4){
   /*do something*/
}
在CSS中

div:nth-child(4n+3),
div:nth-child(4n+4){
   /*do something*/
}
使用以下内容:

div:nth-child(4n-1){} /* for 3,7,11,15... */

div:nth-child(4n){} /* for 4,8,12,16... */
下面的片段:
div:n第n个子项(4n-1){
背景:红色;
}
分区:第n个孩子(4n){
背景:绿色;
}
1
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
使用以下内容:

div:nth-child(4n-1){} /* for 3,7,11,15... */

div:nth-child(4n){} /* for 4,8,12,16... */
下面的片段:
div:n第n个子项(4n-1){
背景:红色;
}
分区:第n个孩子(4n){
背景:绿色;
}
1
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15

16
您的HTML结构是什么?你们有这些部门的课程吗?我们也可以改变你的HTML结构使它更好地工作吗?你的HTML结构是什么?你们有这些部门的课程吗?我们还可以改变你的HTML结构使其更好地工作吗?很好..我没有考虑过那样做。很好..我没有考虑过那样做。只需建立一个基本样式,它就会自动应用于其余部分-只需建立一个基本样式,它就会自动应用于其余部分-不必先使用“n”变量吗?如“(4n+3)”,而不是“(3+4n)”。另外,您将两个选择器合并到一个样式列表中,而不是将它们分开。我没有否决你的意见,难道“n”变量不必先去吗?如“(4n+3)”,而不是“(3+4n)”。另外,您将两个选择器合并到一个样式列表中,而不是将它们分开。顺便说一句,我没有投你反对票