O CSS – Cascading Style Sheets, tem como propósito promover a estilização de elementos escritos em uma linguagem de marcação, como por exemplo o HTML, separando o conteúdo da representação visual do site. Sobre o CSS, analise as afirmativas a seguir. I. Um seletor de classe tem peso maior que um seletor de elemento; logo, as propriedades definidas no bloco de estilo do elemento substituirão as definidas no bloco de estilo da classe. II. O sinalizador !important pode ser utilizado para tornar uma propriedade individual e um par de valores a regra mais específica, substituindo, assim, as regras normais da cascata. III. A ordem de origem é muito importante para situações de cascata; pois, em um cenário com mais de uma regra, estando todas com o mesmo peso, a que vier primeiro no CSS prevalecerá. Está correto o que se afirma apenas em
- A)I.
Errada, porque a afirmativa I inverte a especificidade: classe vale mais que elemento.
- B)II.
Certa, pois o !important realmente dá prioridade à declaração sobre as regras normais da cascata.
- C)III.
Errada, porque a ordem de origem favorece a regra que aparece por último, não a primeira.
- D)II e III.
Errada, pois a III está incorreta e a I também não condiz com a hierarquia de especificidade.
Gabarito: B
No CSS, a regra geral é simples: quando duas declarações disputam o mesmo elemento, vence a de maior especificidade. Em geral, seletor de elemento pesa menos que seletor de classe, que pesa menos que seletor de id. Então, se voce tiver um estilo aplicado por classe e outro por elemento, a classe costuma ganhar essa briga sem precisar levantar a voz. A afirmativa I está errada porque inverte essa lógica. O seletor de classe tem, sim, peso maior que o seletor de elemento, então é a regra da classe que prevalece sobre a do elemento, e não o contrário. Aqui a banca testa justamente se voce conhece a hierarquia de especificidade. A afirmativa II está correta. O !important serve para elevar a prioridade de uma declaração e fazê-la superar as regras normais da cascata. Em termos práticos, ele é como um carimbo de “atenção aqui”, embora deva ser usado com cuidado para não bagunçar o estilo do projeto. A afirmativa III também está errada. Quando as regras têm o mesmo peso e não há outro critério de desempate, vale a ordem de aparecimento no CSS: a que vem por último prevalece, não a que aparece primeiro. Por isso, o gabarito é B, apenas a afirmativa II está correta.