2

在我的项目中，我正在尝试使用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]-->

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

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

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

2 回答 2

2

此选择器在 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>
于 2013-06-11T07:21:15.233 回答
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。

于 2013-06-11T07:43:29.387 回答