Selectivizr.js не будет работать в response.js

Question

Я использую Respond.js, чтобы я мог создать адаптивную страницу в IE8. И это прекрасно работает.

Но я также использую http://selectivizr.com/, чтобы я мог использовать CSS3 :nth-child Селектор в IE8, который тоже отлично работает.

Проблема в том, что 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 в сочетании с response.js. Используйте последнюю сборку selectivizr, найденную здесь: https://github.com/keithclark/selectivizr/blob/master/selectivizr.js

Убедитесь, что вы загружаете selectivizr, прежде чем response.js, и это должно решить проблему.

Обновить:

см. также: selectivizr2: Selectivizr с техническим обслуживанием (подробнее)