Click a selector: Clique em um seletor para ver quais elementos são selecionados no resultado:

.intro

#Último nome

.intro, #Sobrenome

h1, p

div p

div > p

ul + p

ul ~ mesa

p.minha citação

[identificação]

[id=meu-endereço]

[id$=ess]

[id|=meu]

[id^=L]

[título~=linda]

[id*=s]

:verificado

:Desativado

:ativado

:vazio

:foco

p:primeiro filho

p::primeira letra

p::primeira linha

p:primeiro do tipo

h1: passar o mouse

entrada: dentro do alcance

entrada: fora de alcance

entrada: inválido

entrada: válido

p:lang(it)

p: último filho

p: último do tipo

tr:nth-filho(par)

tr:nth-filho(ímpar)

li:nth-filho(1)

li:n-ésimo-último filho(1)

li:nth-of-type(2)

li:n-ésimo-último-do-tipo(2)

b: filho único

h3:somente do tipo

:raiz

Resultado:

<h1> Bem-vindo à minha página inicial </h1>

<p> Meu nome é Donald <span id="Lastname"> Pato. </span> </p>

<p id="my-Address"> moro em Duckburg </p>

<p> Tenho muitos amigos: </p>

</div>

<li> Pateta </li>
<li> Mic </li>
<li> Margarida </li>
<li> Plutão </li>

</ul>

<p class="myquote"> Todos os meus amigos são ótimos! <br>
Mas eu gosto muito da Daisy!! </p>

<p lang="it" title="Olá linda"> Ciao bella </p>

<h3> Somos todos animais! </h3>

<p> <b> Minhas últimas descobertas me levaram a acreditar que somos todos animais: </b> </p>

Nome	Tipo de animal
Mickey	Mouse
Pateta	Cão
Margarida	Pato
Plutão	Cão

</table>

<h1> Bem-vindo à minha página inicial </h1>

<h3> Somos todos animais! </h3>

Assine minha newsletter:

Categorias de notícias: