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

发布时间：2020-12-14 23:50:32 所属栏目：资源来源：网络整理

导读：我需要将一些CSS样式应用于具有’colspan’属性并且其值大于1的td元素. 我做以下： td[colspan][colspan!=1] { background: red;} 它工作所有的浏览器,而不是IE(包括最新). 请帮忙.我该如何解决？解决方法这不应该在任何浏览器中工作,因为[colspan！= 1]不

我需要将一些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 – CSS规则为td元素与colspan&gt; 1在IE

解决方法

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