Em um arquivo HTML em que se deseja associar uma mesma ...

Alternativa Correta: D

A questão aborda o uso de seletores de classe e identificadores (IDs) em CSS e HTML, conhecimentos essenciais para desenvolver páginas web de forma estruturada e estilizada. Vamos analisar o porquê da alternativa correta ser a D e explicar cada alternativa.

Explicação da Alternativa Correta (D):

Para associar uma regra CSS a diferentes tipos de tags em HTML, usamos classes. No código CSS, o seletor de classe é precedido por um ponto (.). Já no atributo class das tags HTML, simplesmente usamos o nome da classe, sem o ponto.

Por exemplo, no CSS:

.texto-destaque {
    color: blue;
    font-weight: bold;
}

No HTML:

<div class="texto-destaque">Este é um texto destacado.</div>
<p class="texto-destaque">Este é um parágrafo destacado.</p>

Análise das Alternativas Incorretas:

A: "o sinal # antes do nome do seletor no código CSS e, na página HTML, usa-se o nome do seletor sem o sinal #"

O uso do sinal # é para IDs, não para classes. IDs são usados para identificar elementos únicos na página. O correto seria usar o # no CSS e o atributo id no HTML, mas isso se aplica a IDs e não a classes.

B: "um ponto antes do nome do seletor no código CSS e, na página HTML, usa-se o nome do seletor também com o ponto."

Essa alternativa está incorreta porque, no HTML, não usamos o ponto ao declarar a classe no atributo class. O ponto é apenas para o CSS.

C: "o sinal # antes do nome do seletor no código CSS e, na página HTML, usa-se o nome do seletor também com o sinal #"

Novamente, o sinal # é usado para IDs, não para classes. No HTML, o atributo id não utiliza o sinal #.

E: "o sinal # antes do nome do seletor no código CSS e, na página HTML, usa-se o nome do seletor antecedido por um ponto."

Esta alternativa mistura conceitos de IDs e classes. No CSS, IDs usam o sinal # e classes usam o ponto, mas no HTML, o atributo id e class não utilizam esses sinais.

Espero que esta explicação tenha ajudado a entender melhor o uso de seletores de classe e ID em CSS e HTML. Se tiver mais dúvidas, estou à disposição!

O Gabarito está errado! O correto é a alternativa D.

No CSS utiliza-se o # para se referir a um elemento pelo ID, ou um ponto para se referir a elementos através da classe.

arquivo.css

.seletor{

font-size: 10px

}

arquivo.html

<p class="seletor"> Texto </p>

Espero que o Qconcursos tenha errado o gabarito e seja letra D