Click a selector: Kliknij selektor, aby zobaczyć, które elementy zostaną wybrane w wyniku:

.wstęp

#Nazwisko

.intro, #Nazwisko

h1, p

div p

div > p

ul + p

ul ~ stół

p.mycytat

[ID]

[id=mój-adres]

[id$=ess]

[id|=mój]

[id^=L]

[tytuł~=piękny]

[id*=s]

:w kratkę

:wyłączony

:włączony

:pusty

:Centrum

p:pierwsze dziecko

p::pierwsza litera

p::pierwsza linia

p:pierwszy w rodzaju

h1:najedź

wejście: w zakresie

wejście:poza zakresem

dane wejściowe: niepoprawne

wejście: prawidłowe

p:język(it)

p:ostatnie dziecko

p:ostatni typ

tr:n-te-dziecko (parzyste)

tr:n-te-dziecko (nieparzyste)

li:nth-dziecko(1)

li:n-te-ostatnie-dziecko(1)

li:n-ty-typ(2)

li:n-ty-ostatni-typ(2)

b:tylko-dziecko

h3:tylko w typie

:źródło

Wynik:

<h1> Witamy na mojej stronie głównej </h1>

<p> Nazywam się Donald <span id="Nazwisko"> Kaczor. </span> </p>

<p id="my-Address"> Mieszkam w Kaczburgu </p>

<p> Mam wielu przyjaciół: </p>

</div>

<li> Głupio </li>
<li> Mickey </li>
<li> Stokrotka </li>
<li> Pluton </li>

</ul>

<p class="myquote"> Wszyscy moi przyjaciele są wspaniali! <br>
Ale ja naprawdę lubię Daisy!! </p>

<p lang="it" title="Witaj piękna"> Ciao bella </p>

<h3> Wszyscy jesteśmy zwierzętami! </h3>

<p> <b> Moje ostatnie odkrycia pozwoliły mi uwierzyć, że wszyscy jesteśmy zwierzętami: </b> </p>

Nazwa	Rodzaj zwierzęcia
Mickey	Mysz
Goofey	Pies
Stokrotka	Kaczka
Pluton	Pies

</table>

<h1> Witamy na mojej stronie głównej </h1>

<h3> Wszyscy jesteśmy zwierzętami! </h3>

Zapisz się do mojego newslettera:

Kategorie wiadomości: