Bir seçiciyi tıklayın: Sonuç olarak hangi öğenin/elemanların seçildiğini görmek için bir seçiciyi tıklayın:
.intro
#Soyadı
.intro, #Soyadı
h1
h1, p
div p
bölme > p
ul + p
ul ~ tablo
*
p. benim alıntı
[İD]
[id=adresim]
[id$=ess]
[kimlik|=benim]
[kimlik^=L]
[başlık~=güzel]
[kimlik*=s]
:kontrol
:engelli
:etkinleştirilmiş
:boş
:odak
p:ilk çocuk
p::ilk harf
p::ilk satır
p: türünün ilk örneği
h1: fareyle üzerine gelin
giriş:aralık içi
giriş: aralık dışı
giriş: geçersiz
giriş:geçerli
p:lang(it)
p:son çocuk
p: türün son örneği
tr:nth-child(çift)
tr:nth-child(tek)
li:nth-çocuk(1)
li:nth-son-child(1)
li:nth-of-type(2)
li:türün sonuncusu(2)
b:tek çocuk
h3:yalnızca tip
:kök
Sonuç:

<h1> Ana Sayfama Hoş Geldiniz </h1>

<div class="intro">

<p> Benim adım Donald <span id="Lastname"> Duck. </span> </p>

<p id="my-Address"> Duckburg'da yaşıyorum </p>

<p> Birçok arkadaşım var: </p>

</div>

<ul id="Arkadaş Listele>
  • <li> Aptal </li>
  • <li> Miki </li>
  • <li> Papatya </li>
  • <li> Plüton </li>
</ul>

    <p class="myquote"> Bütün arkadaşlarım harika! <br>
    Ama Daisy'yi gerçekten seviyorum!! </p>

    <p lang="it" title="Merhaba güzel"> Ciao bella </p>

    <h3> Hepimiz hayvanız! </h3>

    <p> <b> Son keşiflerim hepimizin hayvan olduğuna inanmamı sağladı: </b> </p>

    <tablo>
      İsim Hayvan türü
      Mickey Fare
      aptal Köpek
      Papatya Ördek
      Plüton Köpek
      </tablo>

      CSS Seçicileri'ne tıklayın ve belirtilen öğelerin seçildiğini görün. © w3schools.com