Question

在我的项目中，我试图使用selectivizr

在IE8中使下面的css工作

thead>tr:first-child>th:last-child {
    color: red;
}
tbody>tr:first-child>td:last-child {
    color: red;
}

如Selectivizr网站所述，我在JSFiddle的“外部资源”中添加了以下代码。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="https://github.com/keithclark/selectivizr/blob/master/selectivizr.js"></script>
  <noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
<![endif]-->

我仍然不能让first-child和last-child伪选择器在IE8中工作。

我使用以下代码将IE的所有版本切换到IE8。（仅供参考）。

<meta http-equiv="X-UA-Compatible" content="IE=8" >

Answer 1

此选择器在IE8中不支持，因此您可以为第一个和最后一个元素分配id或特殊类。例如：

<tr class="thisSection">
     <td class="customClass firstTD">1</td>
     <td class="customClass">2</td>
     <td class="customClass">3</td>
     <td class="customClass lastTD">4</td>
</tr>

Answer 2

我最后做了以下操作，因为我有固定的列

thead>tr:first-child>th:first-child+th+th+th {
    color: red;
}
tbody>tr:first-child>td:first-child+td+td+td {
    color: red;
}

我做了以上操作，first-child支持IE8但不支持last-child。

它在IE8中正常工作。

Source

无论如何，我仍然不知道如何在项目中使用 selectivizr 。

在IE8中制作第一胎和最后一胎

2 个答案: