Bootstrap/CSS:Clearfix会影响偶数/奇数索引

Question

当我使用不同高度的列时,我正在使用clearfix来防止Bootstrap网格中断.

但是,一旦将clearfix div添加到文档中,源中出现的列就会表现得好像它们具有与实际不同的偶数/奇数索引.

我创建了一个相关的演示.如您所见,删除clearfix div会使div的颜色更改,就像它们的索引已更改一样.

你知道可能造成什么,我能做些什么来纠正它？

Answer 1

如果你看一下它指定的nth-of-type 定义

:nth-last-of-type(an+b) 伪类表示法表示文档树中在其后面具有 an+b-1 同级元素且具有相同扩展元素名称的元素，对于 的任何零或正整数值n，并且有一个父元素。请参阅 :nth-child() 伪类了解其参数的语法。

这里的关键是它指出：

相同的扩展元素名称

因此，从字面上看，CSS 选择器针对特定元素，然后在特定元素名称上匹配奇数和偶数，而不是使用特定选择器匹配的元素。

这就是为什么div用 a 替换 aspan会起作用，因为它永远不会匹配，因为它是不同的元素。