Franz Voss: CSS nur an bestimmten Stellen?

Hallo,

ich würde gerne folgendes umsetzen - hab zwei HTML Dateien mit je 3 Tabellen und ein css file dass in beiden Files "verlinkt" ist.

<link href="mytable.css" rel="stylesheet" type="text/css">

d.h. die änderungen wirken sich auf beide aus. - bis hierhin hab ich das auch noch alles hinbekommen - aber nun soll eigentlich folgendes passieren:

das CSS File enthält z.B. folgendes:
table {
 background-color: #CCCCCC;
}

also werden nun _alle_ tabellen in _beiden_ HTML Files mit grauem Hintergrund dargestellt und ich kann recht einfach (zentral) diese Farbe abändern. Das entspricht auch ungefähr meinem Wunsch aber nun will ich im 1. HTML File nur die 1. und die 3. Tabelle aufgrund des CSS Files verändert haben sowie im 2. File nur die 2. Tabelle!

Wie mach ich das?

Danke im Voraus

Ciao

  1. Hi,

    aber nun will ich im 1. HTML File nur die 1. und die 3. Tabelle aufgrund des CSS Files verändert haben sowie im 2. File nur die 2. Tabelle!
    Wie mach ich das?

    Indem Du die Selektoren und ggf. das HTML so abänderst, daß die Regeln nicht für alle Tabellen gelten.
    z.B. mit Klassen.

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    1. Bin net so der CSS Crack - bin da totaler Anfänger deshalb:

      könnt ich da bitte mal ein kleines Bsp. für mein Problem haben?

      Danke

      Ciao

      1. Hi!

        könnt ich da bitte mal ein kleines Bsp. für mein Problem haben?

        Ne aber Link zum dem Forum angeschlossen Kompendium: http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen
        Gruß Herbalizer

  2. Hallo,

    Das entspricht auch ungefähr meinem Wunsch aber nun will ich im 1. HTML File nur die 1. und die 3. Tabelle aufgrund des CSS Files verändert haben sowie im 2. File nur die 2. Tabelle!

    Wie mach ich das?

    z.B. so:

    table.myClass { /*css Angaben kommen hierher */}
    ------
    <table class="myClass">

    Den Link (http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen) zu SELFHTML hast du schon bekommen.

    Grüße
    Thomas