Em um bloco CSS incorporado em uma página HTML, para colocar...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Alternativa correta: A - p [ id^="par"] {color:#ff0000;}
Para resolver esta questão, é necessário compreender como funcionam os seletores de atributos em CSS. Os seletores de atributos são utilizados para estilizar elementos HTML que têm um atributo específico com um valor correspondente. No caso do seletor utilizado na alternativa correta, id^="par", ele está selecionando elementos <p> cujo valor do atributo id começa com a palavra "par".
O símbolo ^ é um operador que indica "começa com". Portanto, qualquer parágrafo que tenha um id iniciando com "par" será selecionado e terá sua cor de texto alterada para vermelho, o que é indicado pela propriedade color com o valor #ff0000, que é o código hexadecimal para a cor vermelha.
A justificativa para a alternativa A ser a correta é que ela cumpre exatamente o que foi pedido na questão: selecionar elementos <p> cujo atributo id comece com "par" e aplicar a cor vermelha ao texto desses elementos. As outras alternativas falham ao tentar atender esses critérios, seja por usarem um operador incorreto, uma sintaxe que não é válida no CSS, ou por não especificarem corretamente o valor desejado para a propriedade color.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
p [ id*="par"] {color:#ff0000;} = contenha "par"
O Maujor tem uma lista de seletores CSS :
http://www.maujor.com/tutorial/guia-completo-seletores-css3.php
Quem não tem acesso: - -> A
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo