hilfdirselbst.ch
Facebook Twitter gamper-media
Tipps und Tricks zu Adobe GoLive von Dirk Levy, GoLive FAQ's von Randolph Sterna
Wolfgang Reszel  M 
Beiträge: 4170
30. Jan 2003, 16:40
Beitrag #1 von 8
Bewertung:
(1434 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS Class oder ID?


Hallo,

wann nimmt Class oder IDs bei Stylesheets, also:

<p class="Name"> oder <p id="Name">

Was hat welche Vor- und Nachteile?

Wolfgang Top
 
X
Petra Rudolph p
Beiträge: 1554
30. Jan 2003, 17:50
Beitrag #2 von 8
Beitrag ID: #23270
Bewertung:
(1434 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS Class oder ID?


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

http://www.quicktoweb.de
als Antwort auf: [#23262] Top
 
Dominik
Beiträge: 163
30. Jan 2003, 23:10
Beitrag #3 von 8
Beitrag ID: #23308
Bewertung:
(1434 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS Class oder ID?


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
als Antwort auf: [#23262] Top
 
Wolfgang Reszel  M 
Beiträge: 4170
31. Jan 2003, 11:36
Beitrag #4 von 8
Beitrag ID: #23352
Bewertung:
(1434 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS Class oder ID?


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; }

<h1 id="rot">Blabla</h1>
<h2 class="rot">Blabla</h2>

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

Wolfgang
als Antwort auf: [#23262] Top
 
SabineP  M 
Beiträge: 7586
31. Jan 2003, 11:57
Beitrag #5 von 8
Beitrag ID: #23355
Bewertung:
(1434 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS Class oder ID?


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

Mit
<h1 id="rot">Blabla</h1>
bekommt die Überschrift <H1> 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
als Antwort auf: [#23262] Top
 
Petra Rudolph p
Beiträge: 1554
31. Jan 2003, 12:04
Beitrag #6 von 8
Beitrag ID: #23358
Bewertung:
(1434 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS Class oder ID?


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

http://www.quicktoweb.de
als Antwort auf: [#23262] Top
 
Wolfgang Reszel  M 
Beiträge: 4170
31. Jan 2003, 13:57
Beitrag #7 von 8
Beitrag ID: #23379
Bewertung:
(1434 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS Class oder ID?


Danke Petra,

soweit hatte ich das noch garnicht ausprobiert.

Wolfgang
als Antwort auf: [#23262] Top
 
Wolfgang Reszel  M 
Beiträge: 4170
4. Mär 2003, 17:06
Beitrag #8 von 8
Beitrag ID: #26878
Bewertung:
(1434 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS Class oder ID?


Hi,

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

Wolfgang
als Antwort auf: [#23262] Top
 
X