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

}


但是,如果我将样式放在响应点之外,则效果很好。但是,我不能为此特定的响应点使用特定的样式。

如何使其工作?

最佳答案

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

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

更新:

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

09-12 08:41