Jörg Peschke: Allgemeine Anfänger-Frage

Beitrag lesen

Welche Vor- oder Nachteile hat die Formatierung mittels class und id?

Hallo.
Verschachteln (ich denke du meinst sowas wie
.klasse1 .klasse2 {....}

kannst Du mit IDs genauso:
#tabellenID #meineID {...}

geht auch.

Vor- und Nachteile haben beide Sachen eigentlich nicht, es geht mehr um den Einsatz:

- class verwendest Du, wenn Du ein Stylesheet auf mehrere Elemente anwenden willst.
 - über die ID gehst du, wenn Du nur dieses eine Element auszeichnen willst.

Ein Beispiel:
Du willst in Deiner Tabelle einigen Zellen die Eigenschaft "Gelbe Textfarbe" zuweisen, eine einzige (wir nenen Sie SonderZelle) soll  blau sein. Restliche Zellen sollen rot sein.
Das könntest du z.b. so realisieren:

td {color: red;}
.yellowCells {color: yellow}
#SonderZelle {color: blue}

...
<tr>
  <td> Das ist rot </td>
  <td> Das hier auch </td>
  <td class="yellowCell"> Das ist gelb </td>
  <td id="Sonderzelle"> Das ist blau </td>

Natürlich kannst du das auch noch lustig kombinieren.
Z.b.:

td {font-size: 10px}
.yellowCells {color: yellow}
#Sonderzelle {font-weight: bold}

<td class="yellowCells" id="Sonderzelle">
Das hier ist eine Zelle mit Schriftgröße 10 (wegen td) in gelber Farbe (wegen dem Klassennamen "yellowCells") und mit fetter Schrift (wegen id="Sonderzelle").

usw.

0 68

Allgemeine Anfänger-Frage

Daniel S.
  • html
  1. 0
    Nadja
    1. 0
      Ashura
      1. 0
        Nadja
        1. 0
          Efchen
          1. 0
            Nadja
            1. 0
              Efchen
  2. 2
    Cheatah
    1. 0
      Jörg Peschke
      1. 0
        Cheatah
        1. 0
          Jörg Peschke
          1. 0
            Cheatah
    2. 0
      Daniel S.
      1. 0
        Jörg Peschke
        1. 0
          Daniel S.
          1. 0
            Efchen
        2. 0
          Daniel
          1. 0
            wahsaga
            1. 0
              Daniel
              1. 0
                Efchen
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Daniel
                    1. 0
                      Efchen
                      1. 0
                        Daniel
                        1. 0
                          Efchen
                        2. 0
                          Ashura
                          1. 0
                            Der Martin
                            1. 0
                              Efchen
                              1. 0
                                Daniel
                                1. 0
                                  Efchen
                                  1. 0
                                    Daniel
                                    1. 0
                                      Efchen
                            2. 0
                              Ashura
                              1. 0
                                Efchen
                                1. 0
                                  Ashura
                                  1. 0
                                    Efchen
                                    1. 0
                                      Ashura
                                      1. 0
                                        Efchen
                                        1. 0
                                          Der Martin
                                          1. 0
                                            Ashura
                2. 0
                  Daniel
                  1. 0
                    Efchen
                    1. 0
                      Daniel
                      1. 0
                        Efchen
          2. 0
            Daniel S.
            1. 0
              Jörg Peschke
              1. 0
                Daniel S.
                1. 0
                  Cheatah
                  1. 0
                    Der Martin
            2. 0
              Længlich
          3. 0
            Cheatah
  3. 0
    Der Martin
    1. 0

      Deutsch Sprach, schwer Sprach

      Yeti
      • menschelei
      1. 0
        Der Martin
        1. 0
          Efchen
        2. 0
          Yeti
          1. 0
            Efchen
            1. 0
              Yeti
              1. 0
                Cheatah
                1. -1
                  Hopsel
                  1. 0
                    Candid Dauth
                    1. 0
                      Hopsel
                      1. 0
                        Der Martin
                        1. 0
                          Hopsel
                          1. 0
                            Der Martin
                            1. 0
                              Candid Dauth
      2. 0
        Cheatah
    2. 0
      Daniel S.