CSS: Você deseja construir um website, entretanto, ele se comporta de maneira diferente em navegadores distintos. No Chrome, uma margem de 10px é inserida na borda esquerda e superior. No Edge, essa margem não aparece. Qual seletor pode ser utilizado para remover configurações básicas aplicadas por navegadores?
Você deseja construir um website, entretanto, ele se comporta de maneira diferente em navegadores distintos. No Chrome, uma margem de 10px é inserida na borda esquerda e superior. No Edge, essa margem não aparece. Qual seletor pode ser utilizado para remover configurações básicas aplicadas por navegadores?
a) *
b) #
c) .
d) all
e) color
O problema descrito (margens aparecendo em um navegador e não em outro) é típico de estilos padrões (user agent stylesheet) que cada navegador aplica por padrão a elementos como body, h1, p, etc. Para “zerar” essas configurações básicas e padronizar o layout, costuma-se usar um reset CSS.
Um seletor muito usado para isso é o seletor universal *, que seleciona todos os elementos da página. Assim, é possível aplicar regras globais como:
margin: 0;padding: 0;
por exemplo:
Entre as alternativas, apenas * é de fato um seletor aplicável para atingir todos os elementos e remover/neutralizar estilos padrão.
Alternativa correta: (a).