Правила CSS для td-элементов с colspan> 1 в IE

Мне нужно применить некоторые стили css к элементам td, у которых есть атрибут colspan и его значение больше 1.

Я делаю следующее:

td[colspan][colspan!=1] {
 background: red;
}

Он работает во всех браузерах вместо IE (включая последние). Пожалуйста помоги. Как я могу это исправить.

Ответы

Ответ 1

Это не должно работать в любом браузере, потому что [colspan!=1] не является допустимым селектором атрибутов CSS. Он существует только в jQuery как нестандартное расширение.

Из документации jQuery:

Этот селектор эквивалентен :not([attr="value"]).

Это означает, что для работы в CSS вам нужно использовать это вместо:

td[colspan]:not([colspan="1"]) {
 background: red;
}

Помните, что :not() не поддерживается IE старше версии 9. Если вам нужно поддерживать старые браузеры, вы можете использовать jQuery для применения стилей или использовать CSS, тогда вы должны переопределить стили для ваши td элементы с [colspan="1"] вместо:

td {
 background: red;
}

td[colspan="1"] {
 background: transparent;
}