CSS: не псевдокласс не работает в IE9

Question

К сожалению, я застрял в работе с устаревшим кодом в IE9. Fun ...

Короче говоря, я клонировать маршрутный шаблон (скрытый) с помощью JQuery и применяя верхнюю границу для всех клонов кроме первого видимого (который на самом деле второго фактического потому шаблон скрыт).

Что я натолкнулся на то, что граница отображается в Chrome, FF и Opera, но не в IE9. I думаю Это потому, что я набираю несколько псевдоклассов, хотя, на мой взгляд, это не должно вызывать проблемы.

Я нацеливание на маршруты следующим образом:

#itinerary table.formTable:not(:nth-child(2)):after { 
    content: ""; 
    border-top: 1px solid #999999; 
    width: 100%; 
    position: relative; 
    margin-top: -130px; 
    margin-left: 17px; 
    display: block; 
    } 

В основном, применяются выше CSS для всех, кроме второго маршрута.

Вопрос: почему это происходит в IE9? Согласно can I use, псевдокласс поддерживается. Разве это потому, что я так много навязал этому правилу? Я в недоумении.

Вот как это должно выглядеть (Chrome):

Вот что происходит в IE9:

Вот крупным планом CSS от IE9 скриншот:

Любая помощь будет оценена по достоинству.

Спасибо!

Answer 1

Расширенные аргументы не поддерживаются в IE9 для псевдо-класса: не

here являются документы по этому вопросу

Скорее всего вы можете использовать

#itinerary table.formTable:not(:nth-child(2)) 

но не

#itinerary table.formTable:not(:nth-child(2)):after 

К счастью, IE9 поддерживает conditional commenting s o вы можете написать резервную копию для IE9 и>