Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[css] selector voor eerste rij in tabel

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.