Title: Selektoren
Course: eTapas 2014/15

Q: Sie formatieren auf einer Seite alle Absätze in Blocksatz. Vervollständigen Sie die CSS-Direktive:

[...] {

text-align: justify;

}
A: p

Q: Sie formatieren auf einer Seite alle Elemente der Klasse "x" in Blocksatz. Vervollständigen Sie die CSS-Direktive:

[...] {

text-align: justify;

}
A: .x

Q: Sie formatieren auf einer Seite alle Elemente der ID "z" in Blocksatz. Vervollständigen Sie die CSS-Direktive:

[...] {

text-align: justify;

}
A: #z

Q: Sie formatieren auf einer Seite alle Absätze der Klasse "x" in Blocksatz. Vervollständigen Sie die CSS-Direktive:

[...] {

text-align: justify;

}
A: p.x

Q: Sie formatieren auf einer Seite alle Überschriften h1 mit der ID "z" in Blocksatz. Vervollständigen Sie die CSS-Direktive:

[...] {

text-align: justify;

}
A: h1#z

Q: Sie haben in einem HTML-Dokument verschiedene Absätze mit der Klasse "hd". Nur beim ersten dieser Absätze soll die Schrift auf fett gesetzt werden. Vervollständigen Sie die folgende CSS-Direktive:

[...] {

font-weight: bold;

}
A: p.hd:first-child
Partly right: gap 1 .hd:first-child (50%)

Q: In ihrem HTML-Dokument soll der Hintergrund von jedem Eingabefeld des Typs "text" orange werden, sofern sich der Textcursor darin befindet. Vervollständigen Sie die folgende CSS-Direktive:

[...] {

background-color: orange;

}
A: input[type="text"]:focus

Q: Sie haben in einem HTML-Dokument verschiedene Absätze mit der Klasse "interactive". Diese Absätze sollen eine orange Schrift erhalten, wenn der Mauszeiger darüber liegt. Vervollständigen Sie die folgende CSS-Direktive:

[...] {

color: orange;

}
A: p.interactive:hover
Partly right: gap 1 .interactive:hover (50%)

Q: Bei allen Bildern mit dem Alt-Wert "Foto" soll ein oranger Rahmen gezeichnet werden. Vervollständigen Sie die dazu erforderliche CSS-Direktive:

[...] {

border: 1px solid orange;

}
A: img[alt="Foto"]

Q: Sie möchten auf Ihrer Seite für alle Hyperlinks deren Attribut target auf "_blank" lautet die Farbe auf rot setzen, sofern diese bereits besucht wurden. Welche CSS-Direktive ist richtig?
- a[target="_blank"]:visited { color: red; }
- #a[target="_blank"]:visited { color: red; }
- a[target="_blank"]:link { text-color: red; }
- a[target="_blank"]:active { text-color: red; }
- .a[target="_blank"]:visited { color: red; }
A: a[target="_blank"]:visited { color: red; }