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

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

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

更新

另见：selectivizr2: Selectivizr with maintenance（更新）

Selectivizr.js将无法在respond.js中运行

1 个答案: