jquery - Selectivizr.js 无法在 respond.js 中工作

Question

我正在使用Respond.js这样我就可以在 IE8 中创建响应式页面。而且效果很好。

但是，我也在使用Selectivizr.js这样我就可以在 IE8 中使用 CSS3 :nth-child 选择器，它也可以正常工作。

问题在于，如果 nth-child 选择器位于响应点，则该选择器将无法工作。

例如，这不会工作:

@media screen and (min-width:980px){

    .center_crni_linkovi a:nth-child(4n){
        margin:10px 0px 10px 10px;
    }

    .center_crni_linkovi a:nth-child(4n+1){
       margin:10px 10px 10px 0;
    }

}

但是，如果我将样式放在响应点之外，它可以正常工作。但是我无法为这个特定的响应点使用特定的样式。

如何让它发挥作用？

Answer 1

聚会有点晚了，但如果其他人偶然发现这个问题。这是当前稳定版本的 selectivizr 与 respond.js 结合使用时的一个已知问题。使用此处找到的最新版本的 selectivizr:https://github.com/keithclark/selectivizr/blob/master/selectivizr.js

确保您在 respond.js 之前加载 selectivizr，这应该可以解决问题。

更新:

另请参阅:selectivizr2: Selectivizr with maintenance (更多最新信息)