ID-Selektoren

(Auszug aus "CSS Kochbuch" von Christopher Schmitt)

ID-Selektoren haben große Ähnlichkeit mit Klassen-Selektoren – bis auf die Tatsache, dass sie gemäß der Spezifikation nur genau einmal im HTML-Code vorkommen dürfen. Hierfür wird ein bestimmtes Element (oftmals div) mit dem Attribut id versehen, das der Selektor dann anspricht. Um einen ID-Selektor anzulegen, stellen Sie seinem Namen direkt ein Doppelkreuz (#) voran:

#navigation {
  border: 1px solid black;
  padding: 40px;
}

Anschließend versehen Sie das gewünschte HTML-Element mit einem id-Attribut und weisen diesem den Wert navigation zu (siehe die nächste Abbildung):

<ul id="navigation">
  <li class="warning"><a href="http://csscookbook.com">Äpfel</a></li>
  <li><a href="http://csscookbook.com">Bananen</a></li>
  <li><a href="http://csscookbook.com">Kirschen</a></li>
</ul>

Ungeordnete Liste besitzt nun eigene Stildefinitionen

Abbildung: Die ungeordnete Liste besitzt nun eigene Stildefinitionen.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln