我有一些css调整我的表中的东西。
这里是:
.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:
.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。