Galera,
Ao criar uma classe no meu código HTML, fiquei com a dúvida de qual a diferença entre eu inserir a classe no código CSS, como: .exemplo ou #exemplo.
Podem me explicar?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Galera,
Ao criar uma classe no meu código HTML, fiquei com a dúvida de qual a diferença entre eu inserir a classe no código CSS, como: .exemplo ou #exemplo.
Podem me explicar?
Boa noite, Pedro!
No CSS, utilizamos .exemplo para referenciar um elemento do HTML que possua uma determinada classe, como este:
<div class="exemplo">
Esta div possui uma classe.
</div>
Já o seletor CSS #exemplo se refere ao id de um elemento:
<div id="exemplo">
Esta div possui um id.
</div>
Basicamente, a diferença entre esses dois é que uma classe é utilizada para identificar um grupo de elementos, ao passo que um id deve identificar um só elemento em específico, ou seja, devem ser únicos.
Espero ter ajudado, abraços ;)Muito obrigado, Gabriel!
Esclareceu a dúvida.
=)
Uma colocação importante também é que uma classe poderá ser usada em diversas tag do HTML, já o ID é único e deverá ser usado uma única vez.