Click a selector: Klicken Sie auf einen Selektor, um zu sehen, welche Elemente im Ergebnis ausgewählt werden:

.Einführung

#Nachname

.intro, #Nachname

h1, p

div p

div > p

ul + s

ul ~ Tabelle

p.meinzitat

[Ich würde]

[id=meine-Adresse]

[id$=ess]

[id|=mein]

[id^=L]

[Titel~=schön]

[id*=s]

:gecheckt

:behindert

:aktiviert

:leer

:Fokus

p: erstes Kind

p::Anfangsbuchstabe

p::erste Zeile

p: Ersttyp

h1:schweben

Eingabe: im Bereich

Eingang: Außerhalb des Bereichs

Eingabe: ungültig

Eingabe: gültig

p:lang(es)

p: letztes Kind

p: letzter Typ

tr:ntes Kind (gerade)

tr:n-tes-Kind (ungerade)

li:ntes-Kind(1)

li:n-letztes-Kind(1)

li:nter Typ(2)

li:n-letzter-Typ(2)

b: Einzelkind

h3: nur vom Typ

:Wurzel

Ergebnis:

<h1> Willkommen auf meiner Homepage </h1>

<p> Mein Name ist Donald <span id="Lastname"> Duck. </span> </p>

<p id="my-Address"> Ich wohne in Entenhausen </p>

<p> Ich habe viele Freunde: </p>

</div>

<li> Doof </li>
<li> Micky </li>
<li> Gänseblümchen </li>
<li> Pluto </li>

</ul>

<p class="myquote"> Alle meine Freunde sind großartig! <br>
Aber ich mag Daisy wirklich!! </p>

<p lang="it" title="Hallo Schöne"> Ciao bella </p>

<h3> Wir sind alle Tiere! </h3>

<p> <b> Meine neuesten Entdeckungen haben mich glauben lassen, dass wir alle Tiere sind: </b> </p>

Name	Tierart
Micky	Maus
Doof	Hund
Gänseblümchen	Ente
Pluto	Hund

</table>

<h1> Willkommen auf meiner Homepage </h1>

<h3> Wir sind alle Tiere! </h3>

Abonnieren Sie meinen Newsletter:

Nachrichtenkategorien: