1

<a>IE8 で最後の子に取得したいタグが 3 つあります。残念ながら IE8 はサポートしていません:last-child。

#breadcrumbs li:first-child div a {
  background: none !important;
  color: red !important;
}

一番上の css は最初<a>に到達しますが、3 番目の CSS に到達する必要があります。以下のコードを使用してみましたが、機能しません。

#breadcrumbs li:first-child div a + li div a + li div a {
  background: none !important;
  color: red !important;
}


<ul id="breadcrumbs">
   <li><div><a>dfgdfg</a></div></li>
   <li><div><a>fdgdfgdf</a></div></li>
   <li><div><a>fdgdfgfd</a></div></li>
   <li><div><a>dgfdgdfg</a></div></li>
</ul>
4

3 に答える 3

2

私は多少推測していますが、私はお勧めします：

#breadcrumbs li + li + li + li div a {
    /* css here */
}

JS フィドルのデモ。

もちろん、単純にクラス名をliまたはa要素に適用し、そのクラス名に基づいて要素のスタイルを設定することもできます。JavaScript が利用可能な場合は、もちろん JavaScript を使用して、必要に応じてクラスを追加できます。

var list = document.getElementById('breadcrumbs'),
    aElems = list.getElementsByTagName('a'),
    lastA = aElems[aElems.length - 1];
lastA.className = 'last';

JS フィドルのデモ。

于 2013-04-19T14:15:29.157 に答える
1

ie9.jsは IE8 以下を最新の仕様にします。これを含めると、次のような疑似セレクターを使用できるようになります:last-child

次のようにページに含めるだけです。

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
于 2013-04-19T14:34:19.203 に答える