CSS-Stil für das erste & lt; td & gt; in einem & lt; tr & gt;

Ich versuche alle <td> Elemente meiner <tr> werden Rechtsbündig, mit Ausnahme des ersten, das will ich werden Links ausgerichtet. Ich versuchte dies:

<style>
td { text-align: right };
td:first-child { text-align: left };
</style>

Macht alle Zellen werden Rechtsbündig ausgerichtet. Wenn ich tausche die Reihenfolge dieser beiden Zeilen ist, dann sind alle Zellen Linksbündig ausgerichtet sind. Höchst verwirrt. Nach w3schools,

Den :first-child-Selektor verwendet wird, wählen Sie den angegebenen Selektor, nur wenn es das erste Kind seiner Eltern.

Aber das scheint nicht passiert zu sein für mich.

InformationsquelleAutor der Frage Gargoyle | 2013-10-05

  1. 44

    Deine syntax war falsch.

    td { text-align: right };                    /* This was being applied */
td:first-child { text-align: left };         /* This wasn't.. */

    Werden sollte:

    td { text-align: right; }
td:first-child { text-align: left; }

    Beachten Sie das Semikolon - das sollten Sie nicht außerhalb der Klammern {}

    Andere als das, Sie waren mit :first-child richtig.

    jsFiddle demo

    InformationsquelleAutor der Antwort Josh Crozier

  2. 2

    Andere option, je nachdem, was Sie tun möchten:

    table tr td {
    background-color:red;}
table tr td:nth-child(1) {
    background-color:green;}

    InformationsquelleAutor der Antwort TimSPQR

  3. 1
    td:nth-child(2) { text-align: right; }

    Können Sie tun, dass in einer Zeile.

    InformationsquelleAutor der Antwort Sean Berce

Schreibe einen Kommentar