html – CSS规则为td元素与colspan> 1在IE

前端之家收集整理的这篇文章主要介绍了html – CSS规则为td元素与colspan> 1在IE前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要将一些CSS样式应用于具有’colspan’属性并且其值大于1的td元素.

我做以下:

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

它工作所有的浏览器,而不是IE(包括最新).
请帮忙.我该如何解决

解决方法

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

jQuery documentation

This selector is equivalent to :not([attr="value"]).

这意味着它在CSS中工作,您需要使用它:

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

请记住:not()不被版本9以前的IE支持.如果您需要支持旧版浏览器,您可以使用jQuery应用样式,或者如果您必须使用CSS,那么您应该覆盖您的td的样式代替[colspan =“1”]的元素:

td {
 background: red;
}

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

猜你在找的HTML相关文章