Selektoren
(Auszug aus "E-Books mit ePUB ─ Von Word zum E-Book mit XML" von Dr. Victor Wang)
Ein Selektor legt fest, in welchem Kontext eine CSS-Anweisung im Layout umgesetzt werden soll. Im einfachsten Fall handelt es sich um einen Elementselektor, der dem Namen des Elements entspricht. CSS kennt jedoch noch einige weitere Arten von Selektoren, die in der folgenden Tabelle zusammengestellt werden.
Selektor | Beispiel | Bedeutung |
---|---|---|
Standard-Selektoren | ||
Elementselektor | h1 {color: #0000FF;} h1, h2 {color: #0000FF;} | Alle h1-Elemente (bzw. h1 und h2) werden rot eingefärbt |
Universalselektor | * {margin: 0; padding: 0;} | Alle Elemente erhalten auf 0 gesetzte Abstände |
Klassenselektor | h2.Teil {color: #0000FF;} | Alle h2-Elemente mit dem Klassenattribut class="Teil" werden rot eingefärbt |
ID-Selektor | name#froschkoenig {color: #0000FF;} | Das name-Element mit dem ID-Attribut id="froschkoenig" wird rot eingefärbt |
#kopf {color: #0000FF;} | Alle Elemente mit dem ID-Attribut id="kopf" werden rot eingefärbt | |
Attributselektor | h2[typ] {color: #ff0000;} | Alle h2-Elemente, die ein Attribut typ haben, werden rot eingefärbt |
h2[typ ~="Abschnitt"] {color: #ff0000;} | Alle h2-Elemente, deren Attribut typ einen Teilstring "Abschnitt" enthält, werden rot eingefärbt | |
Fortgeschrittene Selektoren | ||
Descendant-Selektor | #kopf p {color: #ff0000;} | Alle p-Elemente innerhalb eines Elements mit ID-Attribut id="kopf" werden rot eingefärbt |
ul a {text-decoration: none;} | Alle a-Elemente innerhalb von <ul> erhalten keine (Verweis-) Unterstreichung | |
Child-Selektor | div > a {color: #ff0000;} | Alle a-Elemente, die Kinder von <div> sind, werden rot eingefärbt |
Adjacent-Sibling-Selektor | div + a {color: #ff0000;} | Alle a-Elemente, die unmittelbar nach <div> folgen, werden rot eingefärbt |
Tabelle: Selektoren in CSS
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema ePub bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © mitp 2011
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "E-Books mit ePUB" 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.
Verlagsgruppe Hüthig Jehle Rehm GmbH, Im Weiher 10, 69121 Heidelberg, kundenbetreuung(at)hjr-verlag.de