CSS Class oder ID?

Wolfgang_Reszel

Hallo,

wann nimmt Class oder IDs bei Stylesheets, also:

oder

Was hat welche Vor- und Nachteile?

Wolfgang

Petra_Rudolph

eine Klasse ist ein Container, den du immer wieder verwenden kannst.
eine ID definierst du für genau ein Element. Ein Schweberahmen wird etwa mit einer ID in einem internen CSS definiert.

Klassen sind entsprechend flexibler und können auch in externen CSS verwendet werden.

Gruß Petra

Dominik

Ergänzend: ID kann man auch mit Klassen versehen. von demher bieten sie zusätzliche Möglichkeiten. Das geht bis ins DOM und "get element by id".

Klarstellend: Die CSS-Regeln für IDs können auch über ein externes Stylesheet eingebunden werden.

Dominik

Wolfgang_Reszel

Hi,

verstehe nicht ganz. Ich kann doch entweder mit Klassen oder IDs formatieren. Also wenn ich z.B. bestimmte Überschriften rot haben will, könnte ich folgende CSS verwenden:

.rot { color:red; }
#rot { color:red; }

Blabla

Es funktioniert beides und was sollte man dafür verwenden und warum?

Wolfgang

SabineP

Den Unterschied zwischen class und id kann man hier nachlesen:
http://www.w3.org/TR/html4/struct/global.html#id-and-class

Mit

Blabla

bekommt die Überschrift

einen eindeutigen Namen.
Per Javascript kann man dann über die ID auf genau diese Überschrift zugreifen und irgendetwas mit dieser Überschrift anstellen.
(Ein- und Ausblenden zum Beispiel)

Gruß Sabine

Petra_Rudolph

Wenn du es mit #rot machen würdest und wolltest irgendwo in deinem Dokument nochmal was rot färben, dann ginge das so nicht. Du müsstest eine 2. ID anlegen, die dann auch color:red enthielte.

Gruß Petra

Wolfgang_Reszel

Danke Petra,

soweit hatte ich das noch garnicht ausprobiert.

Wolfgang

Wolfgang_Reszel

Hi,

nun hat Dr.Web auch dne passenden Artikel:
http://www.drweb.de/html/css_id_class.shtml

Wolfgang