IE8 中关于 colspan 属性的 bug

IE8 以为全部的表格单位格都具有 colfont 属性。因此假如必要单独针对具有 colfont 属性的单位格配置样式，就有点棘手了。

td[colfont],
th[colfont] {
/* 留意：不管单位格是否有 colfont 属性，在 IE8 中该样式一致是见效的
even if they don't have a colfont */
background: red;
}

你祈望的功效也许是酱紫的：

但每每在 IE8 下，样式被应用到了全部单位格：

这个 bug 仅限于 IE8 赏识器，IE7 和 IE9 都没有这个题目。IE6 自己并不支持属性选择器，就不说了。不单云云，IE8 还以为这个莫须有的 colfont 值为 1，因此以下选择器均无效。

th[colfont],
th[colfont="1"],
th[colfont*="1"],
th[colfont^="1"],
th[colfont$="1"],
td[colfont],
td[colfont="1"],
td[colfont*="1"],
td[colfont^="1"],
td[colfont$="1"] {
/* IE8 中全部也许呈现题目的环境 */
}

办理方案：

假如你确实必要使得该选择器能在 IE8 下正常事变，可以行使给 colfont 属性赋值的要领实现，但必需担保属性值不为 1，看起来有点糟糕，但简直是奏效的。

th[colfont*="0"],
th[colfont*="2"],
th[colfont*="3"],
th[colfont*="4"],
th[colfont*="5"],
th[colfont*="6"],
th[colfont*="7"],
th[colfont*="8"],
th[colfont*="9"],
th[colfont*="11"] {
/* styles */
}
td[colfont*="0"],
td[colfont*="2"],
td[colfont*="3"],
td[colfont*="4"],
td[colfont*="5"],
td[colfont*="6"],
td[colfont*="7"],
td[colfont*="8"],
td[colfont*="9"],
td[colfont*="11"] {
/* styles */
}

英文原稿：IE 8 Thinks All Table Cells Have a Colspan | CSS-Tricks
翻译清算：IE8 中关于 colspan 属性的 bug | 芒果小站

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!