*** first-child

baadshah

Hallo,
ich kriege first child in meine tabelle auf td nicht hin

HTML

<html>
<head>
<style type="text/css">
table tr td.right:first-child{color:blue}
</style>
</head>


<body>
<table>
<tr>
<td class="left"><div class="test">gfggf</div></td>
<td class="right"><div class="test">1111122f</div> 
<div class="test">1111445122f</div></td>
</tr>
<tr>
<td class="left"><div class="test">2222f</div></td>
<td class="right"><div class="test">2dfdfdfdf222f</div>  
<div class="test">111535ghgvcbvbv1122f</div></td>
</tr>
</table>


</body>
</html>

Alles anzeigen

und zwar möchte ich in td->right, den ersten div ansprechen,

irgendwie klappt das bei mir nicht,

für hilfe bin ich sehr dankbar.

gruß
Thomas (baadshah)

Afrael

Interessante Frage. Die Lösung:

HTML

<html>
<head>
<style type="text/css">
td.right div.test:first-child{color:blue}
</style>
</head>


<body>
<table>
<tr>
<td class="left"><div class="test">gfggf</div></td>
<td class="right"><div class="test">1111122f</div> 
<div class="test">1111445122f</div></td>
</tr>
<tr>
<td class="left"><div class="test">2222f</div></td>
<td class="right"><div class="test">2dfdfdfdf222f</div>  
<div class="test">111535ghgvcbvbv1122f</div></td>
</tr>
</table>


</body>
</html>

Alles anzeigen

x:first-child ist anscheinend so zu lesen: element x, das erstes Kind seines Elternelements ist, nicht erstes Kind von x. Das könnte auch besser dokumentiert sein, finde ich.

Tags