Questionário de pseudoclasses em CSS

O que são pseudo-classes?

Qual pseudo-classe se aplica quando um dispositivo apontador está sendo posicionado sobre um elemento?

Qual pseudo-elemento permite que você estilize a primeira letra de um parágrafo?

Qual pseudo-classe altera o estilo de um elemento enquanto ele está sendo clicado?

Qual pseudo-classe é usada para estilizar um elemento quando ele está pronto para receber entrada do usuário, como um campo de texto sendo clicado ou acessado por tabulação?

Qual das seguintes regras CSS adiciona corretamente o texto Note: antes de cada elemento de parágrafo com a classe note?

Qual pseudo-classe se aplica a um campo de entrada quando ele está selecionado ou ativado?

Qual das seguintes é a sintaxe correta para estilizar o último filho de uma lista?

Qual pseudo-classe seleciona campos de entrada que não são obrigatórios para preencher?

O que a pseudo-classe :disabled faz?

Qual pseudo-classe se aplica quando um input de formulário atende aos seus critérios de validação?

Qual destes não é uma pseudo-classe de localização?

Qual dos seguintes seleciona o terceiro item da lista?

Quais elementos terão um color de blue com o seguinte CSS?

p:is(.blue, .highlight) {
  color: blue;
}

O que a pseudo-classe :not() faz?

O que a seguinte regra CSS faz?

p:first-of-type {
  font-style: italic;
}

O que a pseudo classe :last-of-type faz?

Qual pseudo-classe é usada para selecionar o segundo item em uma lista?

Qual destes é uma pseudo-classe funcional?

Qual destes não é uma pseudo-classe funcional?

Qual pseudo-classe é usada para selecionar elementos de formulário que estão habilitados?

Qual pseudo-classe permite selecionar elementos contando a partir do final?

Qual das opções a seguir permite selecionar elementos que contêm elementos filhos específicos?

Qual dos seguintes seleciona elementos que não contêm nenhum conteúdo ou elementos filhos?

O que este seletor CSS seleciona?

input:invalid {
  background-color: red;
}

Qual pseudo-classe seleciona campos de entrada cujo valor é preenchido automaticamente pelo navegador?

Qual pseudo-classe seleciona um elemento se ele ou qualquer um de seus descendentes estiver focado?

Qual pseudo classe representa links que apontam para o mesmo documento?

Qual dos seguintes estilos o elemento p quando ele é o alvo de um fragmento de URL?

Qual pseudo-classe é usada quando um elemento é o alvo de um fragmento de URL?

O que a pseudo-classe :only-child seleciona?

Qual pseudo-classe seleciona um elemento se ele for o único do seu tipo dentro do seu pai?

Qual regra CSS aplicará um color yellow ao segundo elemento p no seguinte HTML?

<div>
  <h1>Courses</h1>
  <p>HTML</p>
  <p>CSS</p>
  <p>JavaScript</p>
</div>

Qual pseudo-elemento permite que você selecione o marcador dos itens da lista para estilização?

Qual pseudo-classe permite que você selecione o elemento de nível mais alto no documento, tipicamente o elemento html?

Qual pseudo-classe CSS tem especificidade zero, garantindo que ela não interfira em outras regras de estilo específicas?

Qual dos seguintes é uma pseudo-classe estrutural em árvore?

Qual regra CSS definirá o background-color do seguinte elemento para red se seu valor estiver fora do intervalo especificado?

<input type="number" min="10" max="25"/>

Qual pseudo-elemento usa a propriedade content para inserir conteúdo após o elemento?

Qual pseudo-classe aplica estilos a um elemento se seu valor estiver dentro do intervalo especificado?

Questionário de pseudoclasses em CSS

Concluído!