css2all #id :: ID-Selector

ID-Selector :: #id

Mit dem ID-Selector kann man gezielt ein einzelnes Elemente auswählen, und so fomratieren. Dabei ist zu beachten, das eine id im HTML-Quelltext einer Webseite, im Gegensatz zu Klassen, eindeutig sein muss - die Formatierung kann daher nur auf ein Element angewendet werden. ID-Selectoren werden im Stylesheet mit einem führenden Doppelkreuz (#) notiert. Bei Notation von verschiedenen Angaben in verschiedenen Selectoren ist der ID-Selector höherwertiger als der Type-Selector sowie der Class-Selector und überschreibt deren Angaben.

<style type="txt/css">
  #id1 { color: red;}
  #id2 { color: blue; }
</style>
<p id="id1">Dieser Textblock ist rot</p>
<ul id="id2">
  <li>Diese Liste ist</li>
  <li>dagegen blau</li>
</ul>


so sieht es aus

Browserunterstützung für den id-Selektor

	5+	5+	4	6+	1+	0.8+	1+	3.5+	2
#id	J	J	J	J	J	J	J	J	J