使用colspan＆gt;的td元素的CSS规则1在IE中

Question

我需要将一些css样式应用于具有'colspan'属性且其值大于1的td元素。

我执行以下操作：

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

它适用于所有浏览器而不是IE（包括最新版本）。 请帮忙。我该如何解决这个问题。

Answer 1

这不应该在任何浏览器中工作，因为[colspan!=1]不是有效的CSS属性选择器。它只存在于jQuery中作为非标准扩展。

来自jQuery documentation：

  

此选择器相当于:not([attr="value"])。

这意味着要在CSS中使用它，您需要使用它：

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

请记住，早于版本9的IE不支持:not()。如果您需要支持旧浏览器，您可以使用jQuery来应用样式，或者如果您必须使用CSS，那么您应该覆盖代替td的{​​{1}}元素的样式：

[colspan="1"]