使第一子和最后子在IE8中工作

Question

在我的项目中，我正在尝试使用selectivizr

使以下css在IE8中工作

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

---

根据Selectivizr网站的描述，我在JSFiddle的External Resources中添加了以下代码:

<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下运行正常

来源

无论如何，我仍然不知道如何使用selectivizr project.