css – 第一个孩子和最后一个孩子与IE8

前端之家收集整理的这篇文章主要介绍了css – 第一个孩子和最后一个孩子与IE8前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些css调整我的表中的东西。

这里是:

@H_403_4@.editor td:first-child { width: 150px; } .editor td:last-child input,.editor td:last-child textarea { width: 500px; padding: 3px 5px 5px 5px; border: 1px solid #CCC; }

它可以与Firefox,Safari和Chrome,但不是(在这个时候)与IE8。

我知道问题来自第一胎和最后一个孩子,但我不是一个专家。

任何想法如何我可以fixt吗?

PS:我添加了<!doctype html>在我的HTML文档的顶部,但没有改变。

解决方法

如果你的表只有两列,你可以很容易地达到第二个td与相邻的兄弟选择器,IE8支持:first-child: @H_403_4@.editor td:first-child { width: 150px; } .editor td:first-child + td input,.editor td:first-child + td textarea { width: 500px; padding: 3px 5px 5px 5px; border: 1px solid #CCC; }

否则,你必须使用JS选择器库,如jQuery,或手动添加一个类到最后的td,as suggested by James Allardice

猜你在找的CSS相关文章