Open matiasemily opened 4 months ago
Assets do projeto:
Logo do 14-Bits
Separador
Favicon
Referência visual
Tipo de seletor | Exemplo | Propriedade |
---|---|---|
Classe | p.exemplo-de-classe |
Seleciona todos os elementos p com a classe .exemplo-de-classe . |
Combinador de Descendente | .exemplo-de-classe p |
Seleciona todos os elementos p aninhados (filhos, netos, etc) dentro de um elemento com a classe .exemplo-de-classe . |
Combinador de Filho | div > p |
Seleciona todos os elementos p que são filhos diretos de div . |
Combinador Irmão Adjacente | .exemplo-de-classe + p |
Seleciona um elemento p que precede é imediatamente a classe .exemplo-de-classe. |
Combinador Irmão Geral | h2 ~ p |
Seleciona todos os elementos irmãos p que seguem h2 . |
Atributo | a[href$=".org" i] |
Seleciona elementos a com href terminando em .org , case-insensitive. |
Pseudo-Classe | p:not(.exemplo-de-classe) |
Seleciona todos os elementos p que NÃO possuam a classe .exemplo-de-classe . |
Pseudo-Classe | li:nth-of-type(2) |
Seleciona uma posição baseada na sua posição entre irmãos, no caso, o segundo li . |
Pseudo-Classe | div:has(p) |
Seleciona um elemento div se ele contiver um elemento p dentro dele. |
Pseudo-Classe | p:empty |
Seleciona todos os elementos p que não têm filhos. |
Pseudo-Classe | :is() e :where() |
Aceitam uma lista de seletores como argumento e retornam o primeiro que corresponder, sendo :where() com especificidade 0. |
14-Bits
Website de projeto de conclusão de curso da Turma 28 - Talento Cloud em 2024.
Equipe 4
Sprints
Apresentação final: 09/09/2024
Links Úteis