Click a selector: Klik pemilih untuk melihat elemen mana yang dipilih dalam hasil:
.intro
#Nama keluarga
.intro, #Nama Belakang
h1
h1, p
div p
div > p
ul + p
ul ~ meja
*
p.myquote
[Indo]
[id=alamat-saya]
[id$=ess]
[id|=saya]
[id^=L]
[judul~=indah]
[id*=s]
:diperiksa
:dengan disabilitas
:diaktifkan
:kosong
:fokus
p:anak pertama
p::huruf pertama
p::baris pertama
p: tipe pertama
h1: arahkan kursor
masukan: dalam jangkauan
masukan: di luar jangkauan
masukan: tidak valid
masukan: valid
p:lang(itu)
p:anak terakhir
p:tipe terakhir
tr:anak ke-n(genap)
tr:anak ke-n(ganjil)
li:anak ke-n(1)
li:n-anak terakhir(1)
li: tipe ke-n(2)
li: tipe terakhir ke-n(2)
b:anak tunggal
h3:hanya-dari-tipe
:akar
Hasil:

<h1> Selamat datang di Beranda Saya </h1>

<div class="intro">

<p> Nama saya Donald <span id="Lastname"> Bebek. </span> </p>

<p id="my-Address"> Saya tinggal di Duckburg </p>

<p> Saya punya banyak teman: </p>

</div>

<ul id="Daftar teman>
  • <li> Bodoh </li>
  • <li> Miki </li>
  • <li> Daisy </li>
  • <li> Pluto </li>
</ul>

    <p class="myquote"> Semua teman saya hebat! <br>
    Tapi aku sangat suka Daisy!! </p>

    <p lang="it" title="Halo cantik"> Ciao bella </p>

    <h3> Kita semua adalah binatang! </h3>

    <p> <b> Penemuan terbaru saya membuat saya percaya bahwa kita semua adalah hewan: </b> </p>

    <tabel>
      Nama Jenis Hewan
      mickey Mouse
      konyol Anjing
      bunga aster Bebek
      Pluto Anjing
      </tabel>

      Klik Pemilih CSS dan lihat elemen tertentu dipilih. © w3schools.com