2

私のプロジェクトでは、selectivizrを使用して以下の css を IE8 で動作させようとしています。

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

Selectivizrの Web サイトに記載されているように、 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]-->

それでも、IE8first-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 に答える