No contexto do HTML e CSS, analise o código a seguir numa página Web. p.centro { text-align: center; color: blue; } Sobre esse trecho, é correto afirmar que a cor e o alinhamento serão aplicados
- A)à classe denominada “p.centro”.
Errada, porque p.centro nao representa uma classe chamada "p.centro", e sim a tag p com a classe centro.
- B)à classe denominada “p”.
Errada, porque nao existe classe "p" no seletor; o p aqui eh o nome da tag HTML.
- C)aos elementos com a tag que tenham a classe “centro”.
Certa, porque o seletor p.centro aplica os estilos aos elementos que tenham a classe "centro".
- D)aos elementos com id = “p” que tenham a classe “centro”.
Errada, porque o codigo nao usa id, e sim tag + classe; id seria indicado com #, nao com ponto.
- E)aos elementos que tenham a classe “p.centro”.
Errada, porque o seletor nao busca uma classe literalmente chamada "p.centro".
Gabarito: C
Em CSS, o seletor pode combinar tipo de elemento e classe. Quando voce escreve p.centro, voce nao esta falando de uma classe chamada "p.centro" nem de um id com esse nome. Aqui, o "p" indica a tag de paragrafo e o ".centro" indica a classe aplicada a esse elemento. Ou seja, o estilo vai pegar apenas os elementos que tenham class="centro". No trecho dado, text-align: center e color: blue serao aplicados somente aos paragrafos com essa classe. Se existir outro elemento com a classe centro, mas que nao seja p, ele nao sera atingido por esse seletor. Isso mostra a ideia central: no CSS, a escrita grudada tipo elemento.classe restringe o alvo ao elemento especifico daquela classe. Por isso o gabarito C esta correto. A banca quer que voce reconheca a sintaxe do seletor combinando tag + classe, algo bem classico em questoes de HTML e CSS. Em provas, isso costuma aparecer para confundir com nome de classe, id ou seletor universal.