🖌️
Linguagens de Marcação
  • Linguagens de Marcação
  • Linguagens de Marcação
    • Introdução a Linguagens de Marcação
    • Padronização de tags
    • Exemplo de Linguagem de marcação
  • Material de apoio
    • Ambientes de desenvolvimento
    • Link do Codesandbox
    • Link do Repl.it
  • HTML
    • Introdução a HTML
    • Tags e elementos
    • Atributos e valores
    • Títulos e Parágrafos
    • Listas
    • Hyperlinks
    • URLs
    • Imagens
    • Áudio
    • Vídeo
    • Tabelas
    • Formulários
    • Metadados
  • CSS
    • Introdução a CSS
    • Seletores
      • Universal
      • Tipo
      • Identificador
      • Classe
      • Atributos
      • Filhos e descendentes
      • Pseudoclasses
      • Negação
    • Elementos de bloco e linha
    • Box Model
    • Textos e fontes
    • Grid Layout
    • Flexbox
    • Animações
Powered by GitBook
On this page

Was this helpful?

  1. CSS
  2. Seletores

Identificador

PreviousTipoNextClasse

Last updated 4 years ago

Was this helpful?

Com este seletor, selecionamos um único elemento da página, por meio de seu identificador único.

O id é usado e deve ser definido no HTML para o elemento que desejamos selecionar, definindo um identificador exclusivo (ID) que deve ser único em todo o documento. Observe o exemplo abaixo

<p id="primeiro-paragrafo">Algum texto</p>

Por exemplo, se digitamos #primeiro-paragrafo estaremos selecionando apenas 1 (um) elemento que tem o atributo id com o valor primeiro-paragrafo da página e poderemos aplicar estilos a ele, como o código abaixo que acrescenta uma cor da fonte azul (blue) e centraliza o texto dentro do parágrafo.

#primeiro-paragrafo {
    color: blue;
    text-align: center;
}

A demonstração do exemplo encontra-se .

atributo global
nesse link