seletores CSS
seletores CSS são usados para selecionar os elementos que você quer padrão de estilo.
coluna "CSS" indica em que as propriedades CSS definidos (CSS1, CSS2 ou CSS3).
| seletor | exemplo | shows de exemplo | CSS |
|---|---|---|---|
| . Classe | .intro | Selecione todo o class = "intro" elemento | 1 |
| # Id | #firstname | Selecione todos os elementos id = "Nome" | 1 |
| * | * | Selecione todos os elementos | 2 |
| elemento | p | Selecione todos os elementos <p> | 1 |
| elemento, elemento | div,p | Selecione todo o elemento <div> e <p> elemento | 1 |
| element | div p | Selecione <div> todos os elementos <p> dentro do elemento | 1 |
| element> elemento | div>p | Selecione todo o pais é um elemento <div> do elemento <p> | 2 |
| elemento + elemento | div+p | Escolha elemento <p> seguido por todos os elementos <div> após | 2 |
| [Atributo] | [target] | Selecione todos os elementos com o atributo de destino | 2 |
| [Attribute = value] | [target=-blank] | Selecionar tudo alvo use = - elemento "em branco" de | 2 |
| [Atributo ~ = value] | [title~=flower] | Selecione todos os elementos do atributo título contém a palavra "flor" de | 2 |
| [Atributo | = idioma] | [lang|=en] | Selecione todos os elementos de um atributo lang começar value = "PT" de | 2 |
| : Link | a:link | Selecione todos os links não visitados | 1 |
| : visited | a:visited | Selecione todos os links visitados | 1 |
| : ativa | a:active | Selecione o link ativo | 1 |
| : hover | a:hover | Quando você seleciona o mouse sobre o link acima | 1 |
| : foco | input:focus | Selecione o elemento de entrada tem o foco | 2 |
| : First-letter | p:first-letter | Selecione a primeira letra de cada <P> elemento | 1 |
| : Primeira linha | p:first-line | Selecione cada <P> O primeiro elemento de linha | 1 |
| : Primeiro-criança | p:first-child | Especificada elemento somente quando <p> é o primeiro filho de seu estilo pai. | 2 |
| : antes | p:before | Inserir conteúdo antes de cada elemento <p> | 2 |
| : depois | p:after | Inserir conteúdo depois de cada elemento <p> | 2 |
| : Lang (idioma) | p:lang(it) | Selecione um atributo lang começar value = "ele" todos os elementos <p> | 2 |
| element1 ~ element2 | p ul ~ | Cada elemento escolha p ul após elemento | 3 |
| [Atributo ^ = value] | a [src ^ = "https"] | Seleccionar cada valor de atributo src para "https" no início do elemento | 3 |
| [Atributo $ = value] | a [src $ = ". pdf"] | Seleccionar cada valor de atributo src para "pdf" no final do elemento | 3 |
| [Atributo * = valor] | um [src = * "w3big"] | Selecione cada src elemento valor do atributo contém o substring "w3big" de | 3 |
| : First-of-type | p:-de primeiro-type | Selecione cada elemento p p é o primeiro elemento do seu pai | 3 |
| : Last-of-type | p:-de último tipo | Selecione cada elemento p é o último elemento de seu pai p | 3 |
| : Only-of-type | P:-de apenas de tipo | Selecione cada elemento p é o único elemento do seu pai p | 3 |
| : Only-child | p: only-child | Selecione cada elemento p é o único elemento filho do elemento pai | 3 |
| : Nth-child (n) | p: nth-child (2) | Selecione cada elemento p é o segundo filho de seu pai | 3 |
| : Nth-last-child (n ) | p: nth-last-child (2) | Selecione cada elemento p é o segundo filho de seu pai, a contar da última criança | 3 |
| : Nth-of-type (n ) | p: nth-of-type (2) | Selecione cada elemento p é o segundo elemento p de seu pai | 3 |
| : Nth-last-of-type (n) | p:-de nth-last-tipo (2) | Selecione cada elemento p é o segundo elemento p de seu pai, a contar da última criança | 3 |
| : Last-child | p: last-child | Selecione cada elemento p é o último filho do seu pai. | 3 |
| : root | : Root | Selecione o elemento raiz do documento | 3 |
| : empty | p: empty | Selecione cada um dos elementos p não tem filhos (incluindo os nós de texto) | 3 |
| : target | #news: target | Selecione o elemento #news actualmente activa (incluindo a URL nome da âncora clicável) | 3 |
| : ativado | Entrada: ativado | Selecione cada elemento de entrada habilitado | 3 |
| : desativado | Entrada: desativado | A seleção de cada elemento de entrada desativada | 3 |
| : verificada | Entrada: verificada | Selecione cada elemento de entrada selecionado | 3 |
| : Não (selector) | : Não (p) | Selecione cada elemento não é p elementos | 3 |
| :: selection | :: Seleção | Elemento é selecionado ou realçado no estado da correspondência parcial de usuário | 3 |
| : Out-of-range | : Out-of-range | elemento de entrada valor correspondente fora do intervalo especificado | 3 |
| : In-gama | : In-gama | Combinando elemento de entrada de valor dentro do intervalo especificado do | 3 |
| : Leitura e escrita | : Leia-escrever | É usado para combinar elemento legível e gravável | 3 |
| : Somente leitura | : Somente leitura | Para combinar set "somente leitura" (read-only) elemento de atributo | 3 |
| : opcional | Opcional: | Para combinar elemento de entrada opcional | 3 |
| : necessário | Obrigatório | Configurado para coincidir com o elemento "necessária" propriedade | 3 |
| : válido | : Válido | Usado para coincidir com o valor de entrada é um elemento legítimo | 3 |
| : inválido | : Invalid | valor ilegal para as partidas de elementos de entrada | 3 |