first-child last-child Internet Explorer

Internet Explorer :first-child und :last-child

Expressions

Der Internet Explorer unterstützt :first-child erst ab Version 7 und :last-child erst ab Version 9. Mit Expressions kann man dies Problem lösen – aber dieser Ansatz ist mit Vorsicht zu genießen…

:first-child

<style type="text/css">
.box:first-child {color:#f0f;}
* html .box {color:expression(this.previousSibling == null ? '#f0f' : '#000');}
</style>

<div>
    <div class="box">text</div>
    <div class="box">text</div>
    <div class="box">text</div>
</div>

:last-child

<style type="text/css">
.box:last-child {color:#0f0;}
* html .box {color:expression(this.nextSibling == null ? '#0f0' : '#000');}
*+ html .box {color:expression(this.nextSibling == null ? '#0f0' : '#000');}
</style>

<div>
    <div class="box">text</div>
    <div class="box">text</div>
    <div class="box">text</div>
</div>
Impressum