Альтернатива css3 не селектор

Question

Существуют ли альтернативы селектору :not css3, которые совместимы с IE8 (и режимом причуд).

Либо в css, либо в javascript / jquery, который эмулирует селектор, или что-то подобное.

Я использую *:not, как указано ниже. Не стесняйтесь рекомендовать решение, которое полностью исключает использование :not.

@media screen {
    #printable {
        visibility: hidden;
    }
}

@media print {
    *:not(#printable) {
        visibility: hidden;
    }
    #printable {
        position: absolute;
        visibility: visible;
    }
}

Обратите внимание, что использование :not связано с использованием @media print, поэтому простое использование решения jQuery для применения css к $(":not(#printable)") не будет работать без умного.

Включение всей библиотеки, например ie9.js или selectivirz, не вариант, так как он может повлиять на различные другие части страниц и потребует большого раздела повторного тестирования.

jsfiddle, который показывает, что он работает в браузерах, которые поддерживают :not http://jsfiddle.net/Raynos/TjKbz/

Answer 1

Я не думаю, что вам нужно :not в этом случае:

@media screen {
    #printable {
        visibility: hidden;
    }
}

@media print {
    * {
        visibility: hidden;
    }
    #printable {
        position: absolute;
        visibility: visible;
    }
}

Селектор #printable имеет более высокий приоритет, чем *, поэтому ваш элемент #printable будет виден.

Answer 2

Вы можете попробовать переопределения специфичности, т.е.

@media print {
  * {
    visibility: hidden;
  }
  #printable, #printable * {
    visibility: visible;
  }
}

Answer 3

См. Добавление поддержки CSS3 в IE7 + с Javascript и http://selectivizr.com/