Analise o trecho HTML a seguir. <style> .cidade { background-color: gray; color: white; border: 2px solid black; margin: 10px; padding: 16px; } </style> Nesse caso, o termo cidade estabelece
- A)a classe cidade.
Correta, porque ".cidade" é um seletor de classe e define a classe chamada cidade.
- B)a tag cidade.
Errada, pois cidade não é uma tag HTML; tags seriam coisas como div, p ou span.
- C)o atributo global cidade.
Errada, porque cidade não é um atributo global do HTML, e sim um nome de classe usado no CSS.
- D)o evento cidade.
Errada, já que cidade não representa evento em HTML ou CSS.
- E)um tipo de elemento HTML.
Errada, pois ".cidade" não cria um tipo de elemento HTML, apenas seleciona elementos por classe.
Gabarito: A
No CSS, quando você escreve algo como ".cidade", o ponto indica que a regra vale para uma classe. Em outras palavras, o seletor está apontando para elementos que receberam class="cidade" no HTML. Isso é bem comum em provas: o nome que vem depois do ponto não é tag, nem atributo global, nem evento. É a forma de identificar um grupo de elementos pela mesma classe. Na prática, a classe serve para reaproveitar estilo em vários elementos ao mesmo tempo. Então, se vários blocos tiverem a classe cidade, todos eles vão receber fundo cinza, texto branco, borda preta, margem e padding definidos no trecho. Por isso, o gabarito é a alternativa A. O termo cidade, nesse contexto, estabelece a classe cidade, porque está sendo usado como nome da classe no seletor CSS. Se a intenção fosse tag, o seletor apareceria sem ponto, como cidade, o que seria um seletor de elemento HTML.