IE 8 にlast-childを適用させる

■ポイント
・IE ハックと「+ *」を使って最後の要素にかける

■HTML

<ul>
  <li>デモ</li>
  <li>デモ</li>
  <li>デモ</li>
  <li>デモ</li>
  <li>デモ</li>
</ul>

■CSS

ul > *:first-child + * + * + * + * {
	background-color: #FA498F;
	color: #FFFFFF;
}

参考:nth-childやlast-childをIE8でどうしても使いたいときの代替手段。

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です