Selectivizr.js 在 respond.js 中不起作用答案

【问题标题】：Selectivizr.js won't work in respond.jsSelectivizr.js 在 respond.js 中不起作用
【发布时间】：2017-02-15 19:45:27
【问题描述】：

我正在使用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;
    }

}

但如果我将 style 放在 响应点 之外，它工作很好。但是我不能为这个特定的响应点使用特定的样式。

如何让它发挥作用？

【问题讨论】：

标签： jquery css internet-explorer-8 selectivizr respond.js

【解决方案1】：

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

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

更新：

另请参阅：selectivizr2: Selectivizr with maintenance（更多更新）

【讨论】：