Universidade Federal do Pará 2022
Considere o HTML abaixo.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Página Web</title>
</head>
<body>
<p class="texto">Lista 1</p>
<ul>
<li id="item1">Primeiro item</li>
<li id="item2">Segundo item</li>
<li id="item3">Terceiro item</li>
<li id="item4">Quarto item</li>
</ul>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function()
$(".texto + ul").css("background-color", "red")
$("ul li:nth-child(1)").css("background-color", "blue")
$("ul li:nth-child(even)").css("background-color", "green")
});
</script>
</html>
A cor do fundo dos elementos li na ordem de #item1 até #item4 é
Azul, Vermelho, Vermelho, Vermelho.
Vermelho, Verde, Vermelho, Verde.
Verde, Azul, Verde, Azul.
Azul, Verde, Vermelho, Verde.
Azul, Vermelho, Verde, Vermelho.
E mais: nota TRI a todo o momento.
