Henry: CSS Pseudoklasse auf eine bestimmte Tabelle anwenden, wenn mehrere Tabellen im Dokument vorhanden

Beitrag lesen

Hallo iloveHTML,

In dieser Tabelle befinden sich weitere Tabellen, um den Spaltenaufbau und die Struktur der Seite zu bestimmen.

Sollte nicht so sein, Tabellendesign ist verpönt, weil es bessere Wege gibt.

<STYLE TYPE="text/css"> tr:nth-child(even) {background-color: #D4D4D4;} tr:nth-child(odd) {background-color: #FFFFFF;} </STYLE>

als Zebrastreifentabelle formatieren.

Leider wird dieser Code auf ALLE Tabellen angwendet. Wie kann ich das verhindern? Wie kann ich es so hinbekommen, daß nur eine Tabelle diese Anweisungen erhält?

Indem du die gewünschte Tabelle identifizierst. Also zb. id="zebra" und dann das CSS nur darauf anwendest zb.

#zebra{...}

Gruss
Henry

0 74

CSS Pseudoklasse auf eine bestimmte Tabelle anwenden, wenn mehrere Tabellen im Dokument vorhanden

iloveHTML
  • css
  • html
  1. 1
    Henry
    1. 0
      iloveHTML
      1. 0
        iloveHTML
        1. 0
          iloveHTML
          1. 0
            Robert B.
      2. 0
        Henry
        1. 0
          iloveHTML
          1. 0
            Henry
          2. 0
            iloveHTML
            1. 0
              Tabellenkalk
            2. 0
              iloveHTML
              1. 0
                Regina Schaukrug
            3. 0
              Matthias Apsel
          3. 0
            Rolf B
            1. -3
              iloveHTML
              1. 0
                Tabellenkalk
                1. 0
                  iloveHTML
                  1. 0
                    iloveHTML
                    1. 1
                      Tabellenkalk
              2. 0
                Martl
                1. 0
                  iloveHTML
                  1. 0
                    Auge
                    1. 0
                      Matthias Apsel
                  2. 0
                    Regina Schaukrug
                    1. 0
                      Matthias Apsel
                      1. 0
                        iloveHTML
                        1. 0
                          Matthias Apsel
                    2. 0
                      Henry
                      • css
                      • html
                      • meinung
                    3. 0
                      Gunnar Bittersmann
                      • html
                      1. 0
                        Gunnar Bittersmann
                        • html
                        • inclusive design
                        • javascript
                        1. 0

                          Externer Google Font Sicherheitshinweis

                          Henry
                          • font
                          • google
                          • javascript
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Henry
                          2. 0
                            Matthias Apsel
                  3. 0
                    Tabellenkalk
                    1. 0
                      iloveHTML
                      1. 0
                        Rolf B
                        1. 0
                          iloveHTML
                      2. 0
                        iloveHTML
                        1. 1
                          Henry
                          • css
                          • html
                          • meinung
                          1. 0
                            iloveHTML
                            1. 0
                              Rolf B
    2. 0
      Gunnar Bittersmann
      1. 0
        Henry
        1. 0
          Matthias Apsel
          1. 0
            Henry
            1. 0
              Matthias Apsel
              1. 0
                Henry
                1. 0
                  Matthias Apsel
                  1. 0
                    Gunnar Bittersmann
                    • html
                    1. 0
                      Matthias Apsel
                      1. 0
                        Gunnar Bittersmann
                  2. 0
                    beatovich
                    • menschelei
          2. 0
            beatovich
            • menschelei
          3. 0
            Gunnar Bittersmann
            • html
          4. 0
            Gleiter
  2. 2

    Zu Ebay

    MrMurphy1
    1. 1

      Beispiel Responsive

      MrMurphy1
  3. 0
    Gunnar Bittersmann
    • design
    1. 0
      Tabellenkalk
      1. 0
        Gunnar Bittersmann
        1. 0
          Tabellenkalk
          1. 0
            beatovich
        2. 0
          beatovich
        3. 0
          Henry
    2. 1
      Matthias Apsel
      1. 0
        Gunnar Bittersmann
        1. 0
          Tabellenkalk
          1. 0
            beatovich
            1. 1
              Tabellenkalk
        2. 0
          Matthias Apsel
        3. 0
          Matthias Apsel
          • meinung
          • sonstiges
    3. 1
      Schnabeltier