Para que uma regra CSS funcione, o navegador precisa saber quais elementos do HTML devem receber aquele estilo.

É exatamente isso que os seletores fazem.

O que é um seletor?

Um seletor é a parte da regra CSS que indica qual elemento (ou elementos) serão estilizados.

Exemplo: 

 p { color: blue; }

Nesse caso, o seletor é p.

Seletor de tag

O seletor de tag aplica o estilo a todas as tags daquele tipo. 

 p { font-size: 18px; }

Esse código afeta todos os parágrafos da página.

Use seletores de tag para estilos gerais.

Seletor de classe

O seletor de classe é usado quando queremos estilizar apenas alguns elementos.

No HTML, usamos o atributo class: 

 <p class="destaque">Texto em destaque</p>

No CSS, usamos um ponto antes do nome da classe, quando queremos criá-la: 

 .destaque { color: #428bca; font-weight: bold; }
Classes são reutilizáveis e muito usadas no CSS moderno.

Seletor de ID

O seletor de ID identifica um elemento único na página.

No HTML: 

 <h1 id="titulo-principal">Título</h1>

No CSS, usamos o símbolo # para selecionar um ID: 

 #titulo-principal { color: darkblue; }
Um mesmo ID não deve ser repetido na página.

Quando usar cada seletor?

  • Tag → estilos globais
  • Classe → estilos reutilizáveis
  • ID → elementos únicos

No desenvolvimento moderno, classes são as mais usadas.

Combinação simples de seletores

É possível combinar seletores para ser mais específico: 

 p.destaque { color: red; }

Esse código estiliza apenas parágrafos que tenham a classe destaque. Exemplo:
<p class="destaque">Texto em destaque</p>

Erros comuns de iniciantes

  • Usar ID para tudo
  • Criar muitas classes sem necessidade
  • Usar seletores muito genéricos
Quanto mais simples e claro o seletor, melhor.

💾🧠 Resumo da aula para nunca mais esquecer

  • Seletores indicam quais elementos serão estilizados
  • Seletores de tag afetam todos os elementos daquele tipo
  • Classes são reutilizáveis e muito comuns
  • IDs devem ser únicos
  • Escolher o seletor certo facilita manutenção

Na próxima aula, vamos entrar em um dos temas mais importantes do CSS: cascata, herança e especificidade — o motivo de muitos “não funciona” 😅

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Tetris

O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.

Ultima Online

Criar um jogo é muito mais complexo do que parece. São milhares, às vezes, milhões de linhas de código. Isso não é exagero! Apenas o jogo Ultima Online possui 6.006.313 linhas de programação, totalizando 25.103.295 palavras

Tetris

Desde o seu lançamento, em 1985, o fantástico jogo Tetris vende pelo menos 70 milhões de unidades por ano em todo o mundo! Os dados são oficiais e fornecidos pela THQ, uma das distribuidoras do título.

Pac Man

Apenas no ano de 1982, o clássico Pac Man vendeu mais de 400 mil máquinas de fliperama em todo o mundo e recebeu cerca de 7 bilhões de moedas nestas máquinas. Saiba mais.

Donkey Kong

A empresa Universal City Studios, detentora dos direitos autorais do King Kong, processou a Nintendo logo após o lançamento de Donkey Kong, pois segundo ela, o game violava os seus direitos. Ela venceu o processo e recebeu da Nintendo uma indenização de quase 2 milhões de dólares.