Jquery 容器内的目标2、3、6、7、10等

Jquery 容器内的目标2、3、6、7、10等,jquery,css,Jquery,Css,我打不开这个。如何点击以下项目: 2、3、6、7、10等等。。。有jQuery或css技巧吗?我就是搞不懂 .container{ 显示器:flex; 柔性流:行换行; 证明内容:之间的空间; /*美化*/ 背景:粉红色; 填充:20px; 最大宽度:200px; 保证金:自动; } .项目{ 内容:“; 宽度:48%; 文本对齐:居中; 高度:60px; 背景:绿色; } 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 我想你想要这种类型的系列 2 3

我打不开这个。如何点击以下项目: 2、3、6、7、10等等。。。有jQuery或css技巧吗?我就是搞不懂

.container{
显示器:flex;
柔性流:行换行;
证明内容:之间的空间;
/*美化*/
背景:粉红色;
填充:20px;
最大宽度:200px;
保证金:自动;
}
.项目{
内容:“;
宽度:48%;
文本对齐:居中;
高度:60px;
背景:绿色;
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14

我想你想要这种类型的系列

2 3 
6 7
10 11
14 15
18 19
4n + 2 = 2 6 10
4n + 3 = 3 7  11

在css中,您可以编写第n个孩子(4n+2)和第n个孩子(4n+3)

我认为您希望编写这种类型的系列

2 3 
6 7
10 11
14 15
18 19
4n + 2 = 2 6 10
4n + 3 = 3 7  11

在css中,您可以编写第n个孩子(4n+2)和第n个孩子(4n+3)

您可以使用两个选择器:
.container>div:n个孩子(4n+2)
.container>div:n个孩子(4n+3)

.container{
显示器:flex;
柔性流:行换行;
证明内容:之间的空间;
/*美化*/
背景:粉红色;
填充:20px;
最大宽度:200px;
保证金:自动;
}
.项目{
内容:“;
宽度:48%;
文本对齐:居中;
高度:60px;
背景:绿色;
}
.container>div:n个子项(4n+2),
.container>div:n子级(4n+3){
背景:红色;
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14

您可以使用两个选择器执行此操作:
.container>div:nth child(4n+2)
.container>div:nth child(4n+3)

.container{
显示器:flex;
柔性流:行换行;
证明内容:之间的空间;
/*美化*/
背景:粉红色;
填充:20px;
最大宽度:200px;
保证金:自动;
}
.项目{
内容:“;
宽度:48%;
文本对齐:居中;
高度:60px;
背景:绿色;
}
.container>div:n个子项(4n+2),
.container>div:n子级(4n+3){
背景:红色;
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14

您可能正在查找类型(n)的第n个
伪类选择器-

所示。项目:第n个类型(3)

在您的情况下,@nurdyguy提到的模式应该有效

请参见下面代码段中的示例CSS

更多信息请点击此处:

.container{
显示器:flex;
柔性流:行换行;
证明内容:之间的空间;
/*美化*/
背景:粉红色;
填充:20px;
最大宽度:200px;
保证金:自动;
}
.项目{
内容:“;
宽度:48%;
文本对齐:居中;
高度:60px;
}
/*选择有图案的.item元素*/
.项目:第n种类型(4n+2),
.项目:第n个类型(4n+3){
背景色:石灰;
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14

您可能正在查找类型(n)的第n个
伪类选择器-

所示。项目:第n个类型(3)

在您的情况下,@nurdyguy提到的模式应该有效

请参见下面代码段中的示例CSS

更多信息请点击此处:

.container{
显示器:flex;
柔性流:行换行;
证明内容:之间的空间;
/*美化*/
背景:粉红色;
填充:20px;
最大宽度:200px;
保证金:自动;
}
.项目{
内容:“;
宽度:48%;
文本对齐:居中;
高度:60px;
}
/*选择有图案的.item元素*/
.项目:第n种类型(4n+2),
.项目:第n个类型(4n+3){
背景色:石灰;
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14

使用css,如下所示:

.container>div:nth-child(2),
.container>div:nth-child(3),
.container>div:nth-child(6),
.container>div:nth-child(7),
.container>div:nth-child(10){
  background: red;
}

使用css,如下所示:

.container>div:nth-child(2),
.container>div:nth-child(3),
.container>div:nth-child(6),
.container>div:nth-child(7),
.container>div:nth-child(10){
  background: red;
}

您可能正在查找类型(n)的第n个<代码>伪类选择器-如
中所示。项:类型(3)的第n个
-此处有更多信息“[…]等等…”这是什么意思?11? 12? 13? 14?什么是逻辑/模式?如果你看这个例子,模式是纵横交错在两列上的,因此它会继续,11,14使用两种模式,4n+2和4n+3。你可能在寻找类型(n)
的第n个伪类选择器-如
。项目:类型(3)
-更多信息请点击这里“[…]等等…”这是什么意思?11? 12? 13? 14?逻辑/模式是什么?如果你看这个例子,模式是纵横交错的2列,所以它会继续,11,14使用两种模式,4n+2和4n+3。4n+2应该产生2,6,10。。。不是2,6,8。4n+2应该产生2,6,10。。。不是2,6,8。这里有一个模式,在这个例子中,你必须明确地针对每一个。上面的答案是使用.container>div:n子级(4n+2)和.container>div:n子级(4n+3)执行以下操作:trick@claytronicon,我的回答完全符合OP的要求,他没有提到有一个模式。顺便问一下,这种模式是什么?你是如何从OP问题中推断出来的?实际上OP在序列后面提到了“等等…”。我通过看这个例子来推断。如果你看这个例子,模式是纵横交错的2列,以“2”开始,所以它会继续,11,14“等等…”可能意味着“和我想要明确选择的任何其他数字”。。。我可以看到模式,我只是不认为我们应该猜测OP想要什么,如果它没有在问题中陈述。这里有一个模式,在这个例子中,你必须明确地针对每一个。上面的答案是使用.container>div:n子级(4n+2)和.container>div:n子级(4n+3)执行以下操作:trick@claytronicon,我的回答完全符合OP的要求,他没有提到有一个模式。顺便问一下,这种模式是什么?你是如何从OP问题中推断出来的?实际上OP在序列后面提到了“等等…”。我通过看这个例子来推断。如果你看这个例子,模式是纵横交错的2列,以“2”开始,所以它会继续,11,14“等等…”可能意味着“和我想要明确选择的任何其他数字”。。。我可以看到模式,我只是不认为我们应该猜测OP想要什么,如果它没有在问题中陈述。是的!!非常感谢:)是的!!非常感谢:)