Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[css] selector voor eerste rij in tabel

Anoniem
Anne
7 antwoorden
  • Ik probeer met de volgende selectors de eerste rij in een tabel te benaderen.
    [code:1:6e1c2fe171]table + tr > td[/code:1:6e1c2fe171]Volgens mij selecteert deze elke <td> die een kind is van een <tr> die direct volgt op een <table>. Dat lijkt me toch de eerste rij.

    Tweede optie:
    [code:1:6e1c2fe171]table + tr td[/code:1:6e1c2fe171]Deze selecteert elke <td> die afstamt van een <tr> die direct volgt op een <table>. Ook dat zou de eerste rij moeten zijn.
    Als ik een achtergrondkleurtje aan deze selectors toevoeg, gebeurt er niets (zichtbaars). Blijkbaar maak ik een denkfout. Maar waar?
  • Ik kan je helaas geen antwoord geven maar wat je ook kan doen is gewoon een aparte class maken voor de eerste kolom.

    Informatie over CSS 2 in het nederlands is te vinden op:
    http://www.playgarden.com/w3c/TR/REC-CSS2/cover.html
  • Ten eerste vergeet je TBODY. Ten tweede gebruik je een sibling selector om een child te selecteren. Lijkt me niet dat dat gaat werken :). Kijk: 'td + td' selecteert het tweede TD element hier met inhoud 'bar':[code:1:a3e4916843]<td>foo</td>
    <td>bar</td>[/code:1:a3e4916843]Wat je waarschijnlijk wil is deze selector:[code:1:a3e4916843]table > tbody > tr > td[/code:1:a3e4916843]Of meer algemeen:[code:1:a3e4916843]table td[/code:1:a3e4916843]Of:[code:1:a3e4916843]table tr > td[/code:1:a3e4916843]Kies er een ;-)
  • wat heeft tbody eigenlijk voor een nut? Ik heb het nl. nog nooit gebruikt, en ook nog nooit gemist.
  • mm, eerste rij van tabel;

    tabel header = th
  • Groeperen van rijen. Naast TBODY heb je ook THEAD en TFOOT. TFOOT komt btw altijd direct na THEAD, nooit onderaan. TBODY mag meerdere keren voorkomen, de andere niet.
  • Bedankt voor het meedenken, maar de oplossing zat er niet bij. Ik wilde per se geen aparte class gebruiken en ook geen <thead>. Ook de selectors van Anne gaven niet het gewenste resultaat.

    Uiteindelijk is de oplossing heel simpel. Om alleen de eerste tabelrij te benaderen moet ik dus het eerste kind-<tr> van <table> hebben en daarvan alle <td>'s. Dan wordt het dus:[code:1:4138dd3205]tr:first-child td[/code:1:4138dd3205] (…)

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.