当我使用不同高度的列时，我正在使用clearfix来防止Bootstrap网格中断。
但是，一旦将clearfix div添加到文档中，源中显示的列就会表现得好像它们具有与实际不同的偶数/奇数索引。
我创建了一个相关的demo。如您所见，删除clearfix div会使div的颜色更改，就像它们的索引已更改一样。
你知道可能造成什么以及我可以做些什么来纠正它？
答案 0 :(得分：2)
如果你看一下它指定的nth-of-type definition
：nth-last-of-type（an + b）伪类符号表示在文档中之后具有相同扩展元素名称的+ b-1兄弟元素的元素树，对于n的任何零或正整数值，并且具有父元素。请参阅：nth-child（）伪类，了解其参数的语法。
这里的关键是它声明：
相同的展开元素名称
因此，从字面上看，css选择器针对特定元素，然后奇特和偶数匹配特定元素 name ，而不是使用特定选择器匹配的元素。
这就是为什么用div替换span会起作用，因为它永远不会匹配，因为它是一个不同的元素。