wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS Selektoren

Total questions: 15

Worksheet time: 4mins

Name
Class
Date
1.

Welchen Selektor gibt es NICHT?

a)

Attributselektor

b)

Klassenselektor

c)

Universalselektor

d)

Namensselektor

2.

Wie kann man alle ungeraden Tabellenzeilen auswählen?

a)

tr:nth-child(odd)

b)

td:nth-child(odd)

c)

table:nth-child(odd)

d)

tr:nth-child(2)

3.

Wie spricht man ein Element mittels Klassenselektor an?

a)

#myClass

b)

.myClass

c)

myClass

d)

*myClass

4.

Wie spricht man ein Element mittels Id-Selektor an?

a)

#myId

b)

.myId

c)

myId

d)

-my-id

5.

Womit können ALLE Elemente angewählt werden?

a)

*

b)

+

c)

$

d)

#

6.

Welcher dieser Selektoren wählt alle Links aus, die in einem neuen Browser-Tab geöffnet werden?

a)

link[target="_blank"]

b)

a[target="_blank"]

c)

link[target]

d)

a[target^="blank"]

7.

Wie kann man alle Paragraphen, die unmittelbar auf eine h2-Überschrift folgen, auswählen?

a)

h+p

b)

h2-p

c)

h2~p

d)

h2+p

8.

Wie kann man td- und th-Elemente gemeinsam ansprechen?

a)

th, td

b)

th + td

c)

th & td

d)

th td

9.

Wie kann man den ersten Buchstaben in einem Paragraph ansprechen?

a)

div::first-letter

b)

p::firstLetter

c)

p::first-letter

d)

p::first-child

10.

Bei div>p spricht man von einem...

a)

Nachfahren-Selektor (descendant selector).

b)

Geschwister-Selektor (sibling selector).

c)

Eltern-Selektor (parent selector).

d)

Kind-Selektor (child selector).

11.

In welcher Reihenfolge werden die Link-Pseudo-Klassen korrekt angesprochen?

a)

:link, :hover, :active, :visited

b)

:link, :visited, :hover, :active

c)

:active, :link, :hover, :visited

d)

:active, :hover, :visited, :link

12.

Was wird mit p::first-line angesprochen?

a)

Die erste angezeigte Zeile.

b)

Der erste Satz.

c)

Die erste Linie.

d)

Der erste Paragraph.

13.

Wie könnte man alle Text-Input-Felder anwählen?

a)

input:text

b)

textinput

c)

input["text"]

d)

input[type="text"]

14.

Wie kann man alle Tabellenzeilen außer der letzten ansprechen?

a)

tr:not-last

b)

tr:not(last)

c)

tr:not(:last-child)

d)

tr:nth-child(last)

15.

Wie könnte man alle Links innerhalb einer ungeordneten Liste ansprechen? (mehrere richtige Antworten möglich)

a)

ul>li>a

b)

ul a

c)

ul+a

d)

ul>a