Click a selector: Kliknutím na selektor zobrazíte, které prvky budou vybrány ve výsledku:
.intro
#Příjmení
.intro, #Příjmení
h1
h1, str
div p
div > p
ul + p
ul ~ tabulka
*
p.myquote
[id]
[id=moje-adresa]
[id$=ess]
[id|=moje]
[id^=L]
[title~=krásné]
[id*=s]
:kontrolovány
:zakázáno
:povoleno
:prázdný
:zaměřit se
p:první dítě
p::první písmeno
p::první řádek
p:první typu
h1:hover
vstup: v dosahu
vstup: mimo rozsah
input:invalid
input:valid
p:lang(it)
p:poslední dítě
p:poslední typ
tr:n-té dítě (sudé)
tr:n-té dítě (liché)
li:n-té dítě(1)
li:nth-last-child(1)
li:nth-of-type(2)
li:nth-last-of-type(2)
b:jediné dítě
h3: only-of-type
:vykořenit
Výsledek:

<h1> Vítejte na mé domovské stránce </h1>

<div class="intro">

<p> Jmenuji se Donald <span id="Lastname"> Kačer. </span> </p>

<p id="my-Address"> Bydlím v Duckburgu </p>

<p> Mám mnoho přátel: </p>

</div>

<ul id="Listfriends>
  • <li> Praštěný </li>
  • <li> Mickey </li>
  • <li> Daisy </li>
  • <li> Pluto </li>
</ul>

    <p class="myquote"> Všichni moji přátelé jsou skvělí! <br>
    Ale moc se mi líbí Daisy!! </p>

    <p lang="it" title="Ahoj krásko"> Ciao bella </p>

    <h3> Všichni jsme zvířata! </h3>

    <p> <b> Mé nejnovější objevy mě přivedly k přesvědčení, že všichni jsme zvířata: </b> </p>

    <tabulka>
      název Druh zvířete
      Mickey Myš
      Goofey Pes
      Sedmikráska Kachna
      Pluto Pes
      </table>

      Klikněte na selektory CSS a podívejte se, jak jsou vybrané zadané prvky. © w3schools.com