Använd id="foo" på hela tabellen, på <tr> eller på <td> som du tycker passar bäst.
Du kan även låta bli att använda ett ID överhuvudtaget:
table {
background: url(img/darkleft.jpg) repeat-y;
}
Ovanstående kod gör att alla dina <table> får darkleft.jpg som bakgrund. Det fina med CSS är att man kan styla vilket element som helst. ID och class används när man vill applicera en stil på ett respektive flera olika element (id har även användningsområden i DOM-programmering).
Klasser (class) används när du vill att ett flertal (ett enskilt går lika bra) element ska ha en viss stil. Klassen kan sättas på ett element dynamiskt (JavaScript), eller statiskt direkt i HTMLen. T ex:
.tokig {
background-color: pink;
color: yellow;
}
...
</style>
...
<p class="tokig">En gul text med rosa bakgrund. Tokigt verkligen!</p>
<p>Vanlig tråkig text</p>
<h3 class="tokig">Nu är det tokigt igen!</h3>
(punkterna representerar vidare innehåll som tagits bort för att göra exemplet mer koncist.)
Den huvudsakliga skillnaden på id och class är att ett id måste vara unikt (då det som sagt ska kunna ge direkt tillgång till ett specifikt element i DOM-programmering), medan class kan delas mellan flera element. Ursäkta om jag upprepar mig.
