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?

Nintendo Wii

Nos primeiros oito dias após o lançamento do console Nintendo Wii foram vendidas 600 mil unidades. Isso equivale a quase um por segundo e estes incríveis números são referentes às vendas apenas nos EUA!

Máquina de Pascal

A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.

River Raid

O épico jogo River Raid, do Atari, foi desenhado e boa parte de sua programação foi feita por uma mulher: Carol Shaw, uma excelente programadora e funcionária da Activision em 1982. Saiba mais sobre a história deste incrível jogo, aqui.

Cuidados com o notebook

Utilizar seu notebook em camas, sofás ou qualquer superfície macia pode obstruir as entradas e saídas de ar, elevando a temperatura e provocando danos a diversos componentes. Utilize-o sempre sobre uma superfície rígida. Saiba mais aqui.

Final Fantasy X

O jogo Final Fantasy X para o Sony Playstation 2 vendeu, apenas no dia do seu lançamento, 1.455.732 cópias, estabelecendo um recorde de vendagem para as primeiras 24 horas de um game. Méritos da SquareSoft, que desenvolveu um excelente produto!