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?

Inteligência artificial

O primeiro jogo a fazer uso de uma Inteligência Artificial foi o Mouse in the Maze, criado em 1955, na União Soviética. Você pode saber mais sobre ele clicando aqui.

Space Invaders

O título Space Invaders, lançado em 1980, fez tanto sucesso em todo o mundo que as pessoas compravam o console Atari apenas para poderem jogá-lo em casa. Saiba mais sobre este incrível título clicando aqui.

Asteroids

O título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.

Música tema do Blanka

Até a primeira metade dos anos 90 era bastante comum que as trilhas sonoras dos games fossem criadas por mulheres e a responsável pelas músicas do clássico Street Fighter 2 foi Yoko Shimomura. Segundo ela, o ritmo "Tararirarin" da música tema do personagem Blanka, do Brasil, veio à sua cabeça enquanto ela estava no trem a caminho da Capcom.

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.