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

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

概述我需要将一些CSS样式应用于具有’colspan’属性并且其值大于1的td元素. 我做以下: td[colspan][colspan!=1] { background: red;} 它工作所有的浏览器,而不是IE(包括最新). 请帮忙.我该如何解决? 这不应该在任何浏览器中工作,因为[colspan!= 1]不是一个有效的CSS属性选择器.它只存在于jQuery作为非标准扩展. 从jQuery 我需要将一些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> 1在IE全部内容,希望文章能够帮你解决html – CSS规则为td元素与colspan> 1在IE所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1132093.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存