Wie definiert man eine Klasse für eine Tabelle, um den Stil von Tabellenzeilen zu steuern

Question

Ich frage mich, ob ich eine Klasse definieren kann, die auch die Zeilenstile innerhalb der Tabelle steuern könnte.

Können sagen, ich definieren eine Klasse „aTable“

.aTable 
{ 
    width:800px; 
    border-spacing:2px; 
} 

Ich möchte auch die Reihe Stile definieren. Wenn ich also diese Klasse einer Tabelle zuordne, würden alle Zeilen in dieser Tabelle dem Design folgen, sagen wir Hintergrundfarbe: # e9e9e9;

Answer 1

Sie können es wie folgt erreichen:

.aTable { 
    width: 800px; 
    border-spacing: 2px; 
} 
.aTable tr { 
    background-color: #DDD; 
} 

Answer 2

auf eine ganze Reihe eine Hintergrund-Farbe geben Sie Ihre die Hintergrundfarbe in dieser Zeile zu jeder Zelle zuweisen würde, dh

.aTable tr td { background-color: #e9e9e9: } 

Sie kann immer bestimmte Klassen oder Elemente innerhalb einer CSS-Klassendefinition auswählen.

Answer 3

Ich liebe es, less zu verwenden, um CSS viel einfacher und sauberer zu machen. Dann könnten Sie das tun:

.aTable { 
    width: 800px; 
    border-spacing: 2px; 
    tr { 
     background-color: #DDD; 
    } 
}