CSS: Kombination Datei-Auslagerung & spezifische Anwendung?

html.de-Forum HTML, XHTML & CSS
1

Hey,

etwas missglückter Titel, was besseres ist mir leider nicht eingefallen…
In der FAQ werden 3 verschiedene Varianten zur Nutzung von CSS dargestellt.
Die erste: Den Style direkt mit dem Element definieren
die dritte: Das ganze in eine .css Datei auslagern und dann einbinden

Was ich jetzt gerne hätte wäre eine Kombination. Sprich ich möchte der Übersichthalber meinen Style in eine Datei auslagern, ihn dann aber trotzdem nur ganz gewissen Elementen im Code zuweisen.

Also quasi sowas wie:

[HTML]

<style=mycss.css>
[/HTML]

Geht das? Oder muss ich jedem Element meine komplette Liste von Style-Attributen zuweisen, sobald ich auch nur ein einziges habe, welches das Style nicht nutzen soll?

Bei mir konkret geht es um die Formatierung von Tabellen. Aber ich möchte halt nur eine ganz bestimmte Tabelle formatieren, und nicht alle,weil ich zB auch Tabellen nur zu Layout-Zwecken verwendet habe, und nur meine „echte“ Datentabelle soll entsprechend dem CSS formatiert werden.

Hier meine CSS, falls euch das etwas bringt:

 
[LEFT]/* 

TableCloth 
by Alen Grakalic, brought to you by cssglobe.com[/LEFT]
 
[LEFT]*/

/* general styles */[/LEFT]


table, 
[LEFT]td{ 
[LEFT]font:100%Arial,Helvetica,sans-serif; 
}
table[/LEFT]

{width:100%;border-collapse:collapse;margin:1em0;} 
[LEFT]th,[/LEFT]

td{text-align:left;padding:.5em;border:1pxsolid#fff;} 
[LEFT]th[/LEFT]

{background:#328aa4url(tr_back.gif)repeat-x;color:#fff;} 
[LEFT]td[/LEFT]

{background:#e5f1f4;} 
 
[LEFT]/* tablecloth styles */

tr.even td[/LEFT]

{background:#e5f1f4;} 
[LEFT]tr.odd td[/LEFT]

{background:#f8fbfc;} 
 
[LEFT]th.over,[/LEFT]

tr.even th.over,tr.odd th.over{background:#4a98af;} 
[LEFT]th.down,[/LEFT]

tr.even th.down,tr.odd th.down{background:#bce774;} 
[LEFT]th.selected,[/LEFT]

tr.even th.selected,tr.odd th.selected{} 
 
[LEFT]td.over,[/LEFT]

tr.even td.over,tr.odd td.over{background:#ecfbd4;} 
[LEFT]td.down,[/LEFT]

tr.even td.down,tr.odd td.down{background:#bce774;color:#fff;} 
[LEFT]td.selected,[/LEFT]

tr.even td.selected,tr.odd td.selected{background:#bce774;color:#555;} 
 
[LEFT]/* use this if you want to apply different styleing to empty table cells*/[/LEFT]
td.empty,tr.odd td.empty,tr.even td.empty{background:#fff;}
[/LEFT]

danke! lg

2

Wenn du auf deiner Seite nur genau eine Tabelle hast, die du so formatieren möchtest, kannst du mit einer ID arbeiten.

<table id="besondere_tabelle">
...
</table>

Im CSS ist dass dann so:

#besondere_tabelle 
{
...
}

#besondere_tabelle tr 
{
/* Spricht alle <tr> innerhalb der Tabelle mit der ID "besondere_tabelle" an */
}

#besondere_tabelle td
{
/* Spricht alle <td> innerhalb der Tabelle mit der ID "besondere_tabelle" an */
}

Siehe hierzu auch: CSS 4 You - The Finest in Stylesheets: Workshop CSS: Teil 3 - Selektoren I

3

Du kannst deinen Tags id’s und Klassen zuweisen und dann im CSS diese bestimmten Elemente ansprechen (Selektoren - Einführung in CSS - Einführung in XHTML, CSS und Webdesign - Michael Jendryschik).

4

edit:
Sry ich muss mir das nochmal anschauen, war ne dumme Frage.
Euer Tipp hat auf jeden Fall schon mal funktioniert! Vielen Dank dafür!