如何在IE中使用第n个孩子答案

【问题标题】：How to use nth child in IE如何在IE中使用第n个孩子
【发布时间】：2014-10-06 16:41:51
【问题描述】：

我有一个网格视图，我在其中显示我的图像。现在我使用 css nth child 来隐藏除第一行网格视图之外的所有行，这样当我单击链接时，图像幻灯片就会开始

对于幻灯片放映，我使用的是灯箱。

第n个孩子的代码是这样的

<style type="text/css">
    table.Grid tr:nth-child(n + 3) {
        display: none;
    }
</style>

并在我的网格视图上使用该 css

<asp:GridView runat="server" CssClass="Grid">
    <%--My templates here--%>
</asp:GridView>

现在在 crome 和 mozila 中可以正常工作，但在 IE 中不行>

任何帮助将不胜感激....!!!更多可以看我之前的问题

【问题讨论】：

您打算支持哪个 IE 版本？我认为 nth 仅适用于未启用兼容模式的 IE9+。
因为我创建的应用程序应该按照我老板的命令在 IE 上运行
查看这个 w3school 教程，它可能会起作用w3schools.com/cssref/sel_nth-child.asp
这个不支持ie8也检查这个css-tricks.com/how-nth-child-works css-tricks.com/almanac/selectors/n/nth-child
对不起，我想我拼错了一些东西，或者没有说清楚。我知道你需要支持 IE。但是您需要支持哪些版本？如果您需要支持 IE7 或 IE8，我认为您不走运。

【解决方案1】：

nth-child 只能在 ie9+ 中使用 -- 参见 http://caniuse.com/#feat=css-sel3

另外，nth-child(n + 3) 将选择每个第三个元素，而不是第一个。有关使用nth-child 的完整指南，请参阅http://nthmaster.com/。

【讨论】：