Css 第n个子计数序列

我有一个简单的HTML结构，我只想用类“entry”显示第二个DIV：

但最后，“条目1”出现了。

：第n个子项（x）

如何计数？它完全忽略选择器

.entry

，只计算

类的出现次数

演示：

它完全忽略选择器

.entry

，只计算

类的出现次数

这几乎是正确的。其工作原理是：

它使用class

entry

它接受所有的

div

元素，这些元素是其父元素的第二个元素

它需要1）和2）的交叉点

您真正想要的是类的第n个，这不是一件事（我认为有人建议在下一版本的CSS中添加它）

它完全忽略选择器

.entry

，只计算

类的出现次数

这几乎是正确的。其工作原理是：

它使用class

entry

它接受所有的

div

元素，这些元素是其父元素的第二个元素

它需要1）和2）的交叉点

您真正想要的是类的第n个，这不是一件事（我认为有人建议在下一版本的CSS中添加它）

它完全忽略选择器

.entry

，只计算

类的出现次数

这几乎是正确的。其工作原理是：

它使用class

entry

它接受所有的

div

元素，这些元素是其父元素的第二个元素

它需要1）和2）的交叉点

您真正想要的是类的第n个，这不是一件事（我认为有人建议在下一版本的CSS中添加它）

它完全忽略选择器

.entry

，只计算

类的出现次数

这几乎是正确的。其工作原理是：

它使用class

entry

它接受所有的

div

元素，这些元素是其父元素的第二个元素

它需要1）和2）的交叉点

---

您真正想要的是类的第n个，这不是一件事（我认为有人建议在下一版本的CSS中添加它）。

您应该这样做

#wrapper .entry { /* hiding first */
    display: none;
}

#wrapper .entry + .entry /* showing second and following */
{
    display: block;
}

#wrapper .entry + .entry + .entry /* hiding third and following */ 
{
   display:none; 
}

没那么漂亮，但会管用的

---

检查这里：

你应该这样做

#wrapper .entry { /* hiding first */
    display: none;
}

#wrapper .entry + .entry /* showing second and following */
{
    display: block;
}

#wrapper .entry + .entry + .entry /* hiding third and following */ 
{
   display:none; 
}

没那么漂亮，但会管用的

---

检查这里：

你应该这样做

#wrapper .entry { /* hiding first */
    display: none;
}

#wrapper .entry + .entry /* showing second and following */
{
    display: block;
}

#wrapper .entry + .entry + .entry /* hiding third and following */ 
{
   display:none; 
}

没那么漂亮，但会管用的

---

检查这里：

你应该这样做

#wrapper .entry { /* hiding first */
    display: none;
}

#wrapper .entry + .entry /* showing second and following */
{
    display: block;
}

#wrapper .entry + .entry + .entry /* hiding third and following */ 
{
   display:none; 
}

没那么漂亮，但会管用的

---

在此处选中它：

但是

#包装器。条目：第n个类型（2）

产生相同的结果。。。如何调整CSS以使用

nth类型

伪选择器？哦，我忽略了第一个元素也是

div

的事实。如果它是不同的东西，它会起作用。抱歉造成混淆。但是

#包装器。条目：第n个类型（2）

产生相同的结果。。。如何调整CSS以使用

nth类型

伪选择器？哦，我忽略了第一个元素也是

div

的事实。如果它是不同的东西，它会起作用。抱歉造成混淆。但是

#包装器。条目：第n个类型（2）

产生相同的结果。。。如何调整CSS以使用

nth类型

伪选择器？哦，我忽略了第一个元素也是

div

的事实。如果它是不同的东西，它会起作用。抱歉造成混淆。但是

#包装器。条目：第n个类型（2）

产生相同的结果。。。如何调整CSS以使用

nth类型

伪选择器？哦，我忽略了第一个元素也是

div

的事实。如果它是不同的东西，它会起作用。抱歉搞混了。很遗憾我不能用这个方法。在我的例子中，我必须使用模式

an+b

（我只是为了说明问题而简化了它），但这是CSS中当前状态的唯一选择。另一个选项是使用script/jquery并指定特定的类。遗憾的是，我不能使用这个方法。在我的例子中，我必须使用模式

an+b

（我只是为了说明问题而简化了它），但这是CSS中当前状态的唯一选择。另一个选项是使用script/jquery并指定特定的类。遗憾的是，我不能使用这个方法。在我的例子中，我必须使用模式

an+b

（我只是为了说明问题而简化了它），但这是CSS中当前状态的唯一选择。另一个选项是使用script/jquery并指定特定的类。遗憾的是，我不能使用这个方法。在我的例子中，我必须使用模式

an+b

（我只是为了说明问题而简化了它），但这是CSS中当前状态的唯一选择。另一个选项是使用script/jquery并指定特定的类。如果此集合始终以

.entry

类结束，即如果最后一个div始终是

.entry

类，则您可能可以尝试

：nth-last-child（）

选择器和从最后一个开始计数。如果此集合始终在

.entry

类结束，即如果最后一个div始终是

.entry

类，则您可能可以尝试

：nth-last-child（）

选择器和从最后一个开始计数。如果此集合始终在

.entry

类结束，即如果最后一个div始终是

.entry

类，则您可能可以尝试

：nth-last-child（）

选择器和从最后一个开始计数。如果此集合始终在

.entry

类结束，即如果最后一个div始终是

.entry

类，则您可能可以尝试从最后一个开始选择和计数。