Click a selector: Klik op 'n kieser om te sien watter element(e) wat in die resultaat gekies word:
.intro
#Van
.intro, #Vannaam
h1
h1, bl
div bl
div > bl
ul + bl
ul ~ tafel
*
p.myaanhaling
[ID]
[id=my-adres]
[id$=ess]
[id|=my]
[id^=L]
[titel~=mooi]
[id*=s]
: gekontroleer
:gestrem
: aangeskakel
:leeg
:fokus
p: eerste kind
p::eerste-letter
p::eerste reël
p: eerste-van-tipe
h1: beweeg
invoer: binne-reeks
invoer: buite-omvang
invoer: ongeldig
invoer: geldig
p:lang(it)
p:laaste-kind
p: laaste-van-tipe
tr:nde-kind(selfs)
tr:nde-kind(onewe)
li:nde-kind(1)
li:nde-laaste-kind(1)
li:nde-van-tipe(2)
li:nde-laaste-van-tipe(2)
b: enigste kind
h3:slegs-van-tipe
:wortel
Resultaat:

<h1> Welkom by My Tuisblad </h1>

<div class="intro">

<p> My naam is Donald <span id="Vannaam"> Duck. </span> </p>

<p id="my-Address"> Ek woon in Duckburg </p>

<p> Ek het baie vriende: </p>

</div>

<ul id="Lysvriende>
  • <li> Goofy </li>
  • <li> Mickey </li>
  • <li> Daisy </li>
  • <li> Pluto </li>
</ul>

    <p class="myquote"> Al my vriende is wonderlik! <br>
    Maar ek hou baie van Daisy!! </p>

    <p lang="it" title="Hallo pragtige"> Ciao bella </p>

    <h3> Ons is almal diere! </h3>

    <p> <b> My jongste ontdekkings het my laat glo dat ons almal diere is: </b> </p>

    <tabel>
      Naam Tipe Dier
      Mickey Muis
      Goofy Hond
      madeliefie Eend
      Pluto Hond
      </tabel>

      Klik op die CSS-keurders en sien hoe die gespesifiseerde element(e) gekies word. © w3schools.com