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

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

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

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

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

13
css css-selectors html

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;
}
25