Ergebnis 1 bis 2 von 2

Thema: *** first-child

  1. #1
    HTML Newbie
    Registriert seit
    08.03.2010
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard *** first-child

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

    HTML-Code:
    <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>
    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)
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in) Avatar von Afrael
    Registriert seit
    26.04.2009
    Ort
    NRW
    Alter
    26
    Beiträge
    313
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: *** first-child

    Interessante Frage. Die Lösung:
    HTML-Code:
    <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>
    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.
    Information will frei verfügbar sein.

    Don't eat unpeeled hedgehogs.

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •