CSS-Selektor für alle Spalten der Tabelle größer als nth-of-type(2)?

Meine aktuellen CSS-wählt die 2. Spalte: 

tr td:nth-of-type(2) {
  padding-left:20px;
  width:100px;
  background-color:yellow;
}

Wie kann ich Ziel, alle Spalten nach dem 2.?

InformationsquelleAutor HelloWorld | 2013-06-17
  1. 28

    Den Sie verwenden könnten:

    tr td:nth-of-type(2) ~ td

    Den ~ (general sibling selector) wird, wählen Sie alle <td> gleichgeordneten Elemente nach die zweite.

    Beachten Sie aber, dass nth-of-type nicht unterstützt in älteren IE-Versionen (8 und davor).

    Alternativ können Sie td:nth-child(n+3) - wieder ist dies nicht unterstützt, IE8 und vorher, aber wenn Sie wollte nth-child (nicht nur für diesen einen Fall offensichtlich) und zufällig auch mit einer JavaScript-Bibliothek wie jQuery, da ist immer Selectivizr, was er machen soll (und verschiedene andere Selektoren) Arbeit im IE6 durch IE8.

    • We dont support IE8 nicht mehr. IE9+ gut ist 🙂 XP ist zu sterben...
    • Wenn der rest der Welt teilten Ihre Haltung, es wäre ein glücklicher Ort 😀
    • Ich wünschte nur, IE11 auch für Win7, als ich treten kann IE9 auch 😛
    InformationsquelleAutor dsgriffin
  2. 12

    das funktionieren wird...

    tr td:nth-of-type(n+3)
{
    padding-left:20px;
    width:100px;
    background-color:yellow;
}

    ähnliche Frage link

    • Diese enthält die zweite <td> Sie auswählen möchten jeden <td> nach dem zweiten.
    • ich habe bearbeitet der obige code... versuchen Sie es erneut
    InformationsquelleAutor GAURAV MAHALE
  3. 4
    td + td + td {

}

    Wird mit dem Dritten Spalten und alle Spalten danach. Das ist CSS2 und erfordert nicht die "nth-of-type" - Eigenschaft nicht unterstützt wird, die in älteren Browsern wie dem browser (IE7) ich bin mit jetzt!

    • es wird erwartet, dass Sie Ihren html-format korrekt als in - alle <td> tags sind im container und Sie nicht mischen, in anderen tags. Wenn Sie mixing-tags verwenden - td ~ td ~ td aber ich raten von der Verwendung des Selektors so viel wie möglich.
    InformationsquelleAutor ProfileTwist
  4. 0

    Definieren eine colgroup und übernehmen das styling zu.

    InformationsquelleAutor COBOLdinosaur
Schreibe einen Kommentar