Em Linguagem de Estilo CSS, os seletores são padrões usados ...

Próximas questões
Com base no mesmo assunto
Q2172197 Programação
Em Linguagem de Estilo CSS, os seletores são padrões usados para selecionar elementos HTML nos quais as regras de estilo devem ser aplicadas. Sobre os seletores, analise as assertivas abaixo e assinale a alternativa correta.
I. Seletores que estão associados a um id serão aplicados a um único elemento no documento HTML, e os seletores associados a um class no documento HTML devem ser definidos iniciando pelo símbolo # no CSS.
II. Um seletor que utiliza uma classe tem menor peso do que um seletor que utiliza apenas um tipo associado a uma tag.
III. Estilos aplicados a um elemento podem ser herdados pelos seus elementos filhos, a menos que uma regra específica seja aplicada a eles.
IV. Se duas regras conflitantes são aplicadas a um elemento, a que aparece por último no código CSS é a que será aplicada.
Alternativas

Gabarito comentado

Confira o gabarito comentado por um dos nossos professores

Gabarito: B - Apenas as assertivas III e IV estão corretas.

A questão explora o conhecimento sobre seletores CSS, um aspecto fundamental da linguagem de estilos que permite estilizar elementos HTML de forma específica e eficiente. Entender como funcionam os seletores, sua especificidade e como as regras de herança e precedência são aplicadas em CSS é essencial para resolver essa questão.

Assertiva III:

Está correta porque, em CSS, muitas propriedades de estilo são herdadas dos elementos pais para os elementos filhos. Isso significa que se você aplicar um estilo de fonte a um elemento pai, por exemplo, os elementos filhos normalmente herdarão essa mesma fonte, a menos que outro estilo mais específico seja aplicado diretamente a eles.

Assertiva IV:

Essa assertiva também está correta e se refere ao princípio de precedência no CSS. Quando duas regras conflitantes são aplicadas ao mesmo elemento, a regra que está mais abaixo no arquivo CSS, ou seja, declarada por último, é a que prevalecerá. Isso está relacionado à forma como o navegador lê e aplica os estilos, seguindo a ordem do código.

Sobre as assertivas incorretas:

A assertiva I está incorreta porque, na verdade, o símbolo "#" é usado para selecionar elementos com um id específico e o símbolo "." é usado para elementos com uma class. Seletores de id são únicos para cada elemento, enquanto seletores de class podem ser aplicados a múltiplos elementos.

A assertiva II está incorreta porque, na realidade, um seletor que utiliza uma classe tem mais peso do que um seletor que aponta apenas para um tipo de elemento (tag). Isso faz parte das regras de especificidade do CSS, que determinam qual regra deve ser aplicada quando há conflito entre seletores diferentes.

Entender esses conceitos é vital para desenvolver folhas de estilo eficazes e para garantir que a aparência dos elementos HTML seja conforme o esperado, ponto crucial para qualquer desenvolvedor ou profissional que trabalha com front-end e design de interfaces.

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

I. Seletores que estão associados a um ID serão aplicados a um único elemento no documento HTML, e os seletores associados a uma classe no documento HTML devem ser definidos iniciando pelo símbolo . (ponto) no CSS. [INCORRETA]

II - Na verdade, em termos de especificidade do seletor CSS, um seletor que utiliza uma classe tem maior peso do que um seletor que utiliza apenas um tipo associado a uma tag. A especificidade em CSS é calculada levando em consideração o número e o tipo de seletores utilizados em uma regra CSS. [INCORRETA]

III - No CSS, os estilos aplicados a um elemento podem ser herdados por seus elementos filhos, o que significa que os elementos filhos geralmente adotam os estilos (como cor, fonte, etc.) do elemento pai, a menos que haja regras específicas que substituam esses estilos. [CORRETA]

IV - Esta afirmação também é verdadeira. No CSS, se duas regras conflitantes são aplicadas a um mesmo elemento e ambas têm a mesma especificidade, a regra que aparece por último no código CSS é a que será aplicada. Isso ocorre porque o navegador lê as regras CSS de cima para baixo e aplica a última regra que encontrar para um determinado elemento, caso haja conflito entre elas. [CORRETA]

Clique para visualizar este comentário

Visualize os comentários desta questão clicando no botão abaixo