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?

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.

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

Muitos aplicativos

Instalar vários aplicativos com o mesmo propósito, como editores de texto, reprodutores de músicas ou vídeos e até programas antívirus sobrecarregam o seu sistema operacional e ainda ocupam espaço desnecessário em seu HD. Tenha apenas um bom programa para cada função.

Computadores de 1,5 tonelada

Em 1949 a revista Popular Mechanics fez uma previsão para o futuro, dizendo: "Um dia os computadores pesarão menos do que 1,5 tonelada". E pensar que temos smartphones capazes de realizar milhões de vezes mais operações do que os computadores daquela época.

Recorde de patentes

A IBM detém o recorde de patentes em um único ano, atingindo a marca de 4186 registros no ano de 2008. Clique aqui e saiba mais sobre esta gigante do mundo da tecnologia.