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.
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; } 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; } 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
💾🧠 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?
Space Invaders
A partida mais longa do clássico Space Invaders durou incríveis 38 horas e 32 minutos e esta façanha foi conseguida por um jogador de apenas 12 anos! O jogo, claro, podia ser pausado para alimentação e descanso, mas ainda assim o recorde, estabelecido no dia 02/09/1980, ainda não foi quebrado. Saiba mais.
PDP-1
O primeiro computador a conseguir rodar o jogo Spacewar era o PDP-1, que custava 120 mil dólares e pertencia ao Massachusetts Institute of Technology. O jogo demorou 200 horas para ser desenvolvido, em 1962, e seu criador foi um cientista da computação chamado Steve Russel.
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.
Galaxy Game
As primeiras máquinas de fliperama do mundo a utilizarem moedas, chamadas de Galaxy Game, custavam mais de 20 mil dólares para serem produzidas. Saiba mais sobre elas aqui.
Playstation
O Playstation só nasceu porque uma parceria entre Sony e Nintendo, para desenvolver uma unidade de CD para o Super Nintendo, fracassou. Clique aqui e saiba mais.