NEW
Font size
WorksheetsSeletores CSS e JavaScript
Total questions: 15
Worksheet time: 8mins
Qual seletor CSS seleciona todos os elementos `
` de uma página?
.p
p
#p
*p
Dado o seguinte código CSS, qual elemento será estilizado? ```css #titulo { color: blue; } ```
Todos os elementos com a classe "titulo"
Todos os elementos `
O elemento com o id "titulo"
Todos os elementos com o nome "titulo"
Qual seletor CSS seleciona todos os elementos com a classe "destaque"?
.destaque
#destaque
destaque
*destaque
Observe o código JavaScript abaixo: ```javascript document.querySelector('.botao').style.backgroundColor = 'red'; ``` O que esse código faz?
Seleciona todos os botões da página e muda a cor de fundo para vermelho
Seleciona o primeiro elemento com a classe "botao" e muda a cor de fundo para vermelho
Seleciona o elemento com id "botao" e muda a cor de fundo para vermelho
Não faz nada
Qual seletor CSS seleciona todos os elementos `` que possuem o atributo `type="text"`?
input[type="text"]
input.text
.input[type="text"]
#input[type="text"]
Dado o seguinte código CSS: ```css ul li { color: green; } ``` O que será afetado?
Todos os elementos `
- `
Todos os elementos `
- `
Todos os elementos `
Apenas o primeiro `
- `
Qual seletor CSS seleciona todos os elementos `` que possuem o atributo `target="_blank"`?
a[target="_blank"]
.a[target="_blank"]
#a[target="_blank"]
a.blank
O que faz o seguinte código JavaScript? ```javascript document.getElementById('meuTexto').innerText = 'Olá!'; ```
Seleciona todos os elementos com a classe "meuTexto" e muda o texto para "Olá!"
Seleciona o elemento com id "meuTexto" e muda o texto para "Olá!"
Seleciona todos os elementos `
Não faz nada
Qual seletor CSS seleciona todos os elementos `
div span
div, span
.div, .span
#div, #span
Dado o seguinte código CSS: ```css input[type="checkbox"]:checked { border: 2px solid red; } ``` O que será afetado?
Todos os inputs do tipo checkbox
Apenas os checkboxes marcados
Todos os inputs marcados
Todos os elementos com a classe "checked"
O que faz o seguinte código JavaScript? ```javascript document.querySelectorAll('p')[0].style.fontWeight = 'bold'; ```
Deixa todos os parágrafos em negrito
Deixa o primeiro parágrafo em negrito
Deixa o último parágrafo em negrito
Não faz nada
Qual seletor CSS seleciona todos os elementos `
li:first-child
li:first
li[child=first]
li:first-of-type
Dado o seguinte código CSS:
h1, h2 {
text-align: center;
}
O que será afetado?
Apenas os elementos h1
Apenas os elementos h2
Todos os elementos h1 e h2
Todos/qualquer os elementos da página
O que faz o seguinte código JavaScript? ```javascript document.querySelector('input[type="password"]').value = '1234'; ```
Seleciona todos os inputs do tipo password e define o valor como '1234'
Seleciona o primeiro input do tipo password e define o valor como '1234'
Seleciona o input com id "password" e define o valor como '1234'
Não faz nada
Qual seletor CSS seleciona todos os elementos `
div.azul
.div.azul
#div.azul
div#azul
