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

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

原文链接:https://www.f2er.com/css/223360.html

猜你在找的CSS相关文章