css - 如何在IE中使用nth child

Question

我有一个 GridView ，我在其中显示我的图像。现在我使用 css nth child 隐藏除了 GridView 第一行之外的所有行，这样当我点击链接时，图像幻灯片开始播放

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

第n个 child 的代码是这样的

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

并在我的 GridView 上使用该 CSS

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

现在在 crome 和 mozila 中工作正常但在 IE 中不行我怎么能在 IE 或任何其他东西中使用它来只显示第一行并隐藏其他行我想隐藏行不想让它们不可见

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

Previous Question

Answer 1

nth-child 只能在 ie9+ 下工作——参见 http://caniuse.com/#feat=css-sel3

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