Em um bloco CSS incorporado em uma página HTML, para colocar...

Próximas questões
Com base no mesmo assunto
Q583596 Programação
Em um bloco CSS incorporado em uma página HTML, para colocar em letra vermelha os parágrafos cujo conteúdo do atributo id inicie pela palavra par, utiliza-se a instrução
Alternativas

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;} =  inicie com "par"

p  [id="par"] {color:red;} = seja igual a "par"

p [ id$="par"] {color:#ff0000;} = termine com "par"

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