javascript - 让第一个 child 和最后一个 child 在 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 的“外部资源”中添加了以下代码.

<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>