CSS Almanac 2025, Janeiro

O seletor #id permite que você direcione um elemento referenciando o atributo id HTML. Semelhante a como os atributos de classe são denotados em CSS com um “ponto” "

O seletor: invalid permite selecionar elementos que não contêm conteúdo válido, conforme determinado por seu atributo type. : inválido é definido no CSS "

O combinador irmão geral (~) em CSS se parece com este em uso: .featured-image ~ p (font-size: 90%;) Nesse exemplo, você selecionaria todos "

A pseudo classe: focus em CSS é usada para definir o estilo de um elemento que é atualmente direcionado pelo teclado ou ativado pelo mouse. Aqui está um exemplo:"

O pseudo seletor: focus-within em CSS é um pouco incomum, embora bem nomeado e bastante intuitivo. Ele seleciona um elemento se esse elemento contiver qualquer "

O seletor: first-of-type em CSS permite que você direcione a primeira ocorrência de um elemento em seu contêiner. É definido nos Seletores CSS Nível 3 "

A pseudo classe: hover em CSS seleciona elementos quando o cursor do mouse está sobre eles. É comumente associado a link () "

O pseudo-elemento :: first-line é para aplicar estilos à primeira linha de um elemento. Imagine um parágrafo com várias linhas (como este!). "

O seletor: first-child permite que você direcione o primeiro elemento imediatamente dentro de outro elemento. É definido nas especificações dos seletores CSS de nível 3 como um "

:: first-letter é um pseudoelemento que permite estilizar a primeira letra de um elemento, sem a necessidade de colocar uma tag em torno dela primeiro "

O pseudo seletor: empty selecionará elementos que não contêm nada ou apenas um comentário HTML. div: empty (display: none;) Irá corresponder a "

Um combinador filho em CSS é o símbolo "maior que", tem a seguinte aparência: ol> li (cor: vermelho;) Significa "selecionar elementos que são descendentes diretos"

A pseudo classe: enabled em CSS seleciona elementos focalizáveis ​​que não são desativados e, portanto, ativados. Está associado apenas a elementos de formulário "

Um seletor de classe em CSS começa com um ponto (.), Como este: .class () Um seletor de classe seleciona todos os elementos com um atributo de classe correspondente. Por exemplo,"

A pseudo classe: dir () em CSS permite que os elementos sejam selecionados com base na direção do idioma, conforme determinado na marcação HTML. Existem realmente "

O seletor de pseudoclasse: disabled fornece um estilo condicional para elementos HTML que podem receber entrada do usuário, quando os elementos têm o "

Um seletor descendente em CSS é qualquer seletor com espaço em branco entre dois seletores sem um combinador. Aqui estão alguns exemplos: ul li () header h2 () "

O pseudo seletor: default corresponderá ao padrão em um grupo de elementos associados, como o botão de opção em um grupo de botões que é selecionado por "

A pseudo-classe: check em CSS seleciona elementos quando eles estão no estado selecionado. Ele está associado apenas a elementos input () do tipo rádio e "

A pseudo classe: blank é construída sobre a pseudo classe: empty. Como: empty,: blank selecionará elementos que não contêm absolutamente nada ou contêm apenas um HTML "

Existem muitas maneiras de selecionar elementos em CSS. A seleção mais básica é por nome de tag, como p (). Quase tudo mais específico do que uma tag "

Os pseudo-elementos :: before e :: after em CSS permitem inserir conteúdo em uma página sem a necessidade de estar no HTML. Embora o resultado final não seja "

Div (z-index: 1; / * inteiro * /) A propriedade z-index em CSS controla a ordem de empilhamento vertical dos elementos que se sobrepõem. Como em, qual aparece como "

A pseudoclasse: any-link em CSS fornece um método para selecionar elementos que são a âncora de origem de um hiperlink. Se o termo âncora de origem perdeu você, "

O pseudo seletor: active muda a aparência de um link enquanto está sendo ativado (sendo clicado ou ativado). Geralmente só é visto "

O combinador irmão adjacente em CSS não é um seletor por si só, mas uma maneira de combinar dois seletores. Por exemplo: p + p (margin: 0;) O sinal de mais "

A propriedade width em CSS especifica a largura da área de conteúdo do elemento. Esta área de "conteúdo" é a parte dentro do preenchimento, borda e margem de "

A propriedade de espaço em branco controla como o texto é tratado no elemento ao qual é aplicado. Digamos que você tenha HTML exatamente como este: Um monte de palavras para você "

A propriedade zoom em CSS permite dimensionar seu conteúdo. Não é padrão e foi implementado originalmente apenas no Internet Explorer. Embora vários "

A propriedade de espaçamento de palavras é semelhante ao espaçamento de letras, embora naturalmente seu uso governe a quantidade de espaço entre as palavras em um trecho de texto, não o "