Articles of css

No CSS Flexbox, por que não existem propriedades “justificar itens” e “justificar-se”?

Considere o eixo principal e o eixo cruzado de um contêiner flexível: Fonte: W3C Para alinhar itens flexíveis ao longo do eixo principal, há uma propriedade: justify-content Para alinhar itens flexíveis ao longo do eixo transversal, existem três propriedades: align-content align-items align-self Na imagem acima, o eixo principal é horizontal e o eixo transversal é […]

Como desativar o realce de seleção de texto?

Para âncoras que agem como botões (por exemplo, Perguntas , Marcas , Usuários , etc. na parte superior da página Estouro de pilha) ou guias, existe uma maneira padrão CSS de desabilitar o efeito de destaque se o usuário acidentalmente seleciona o texto? Eu percebo que isso poderia ser feito com JavaScript, e um pouco […]

Existe um seletor pai de CSS?

Como eu seleciono o elemento que é um pai direto do elemento de âncora? No exemplo meu CSS seria algo assim: li < a.active { property: value; } Obviamente, existem maneiras de fazer isso com JavaScript, mas espero que haja algum tipo de solução alternativa que exista no nível 2 do CSS. O menu que […]

Quais caracteres são válidos em nomes / seletores de classs CSS?

Quais caracteres / símbolos são permitidos nos seletores de class CSS? Eu sei que os seguintes caracteres são inválidos , mas quais caracteres são válidos ? ~ ! @ $ % ^ & * ( ) + = , . / ‘ ; : ” ? > < [ ] \ { } | ` […]

Como posso fazer a transição da altura: 0; para height: auto; usando CSS?

Eu estou tentando fazer um deslizar para baixo usando transições CSS. O começa em height: 0; . Ao passar o mouse, a altura é definida como height:auto; . No entanto, isso faz com que ele simplesmente apareça, não faça a transição, Se eu fizer isso a partir da height: 40px; para height: auto; então deslizará […]

É possível que itens flexíveis sejam alinhados aos itens acima deles?

Este é, na verdade, o layout do Pinterest. No entanto, as soluções encontradas on-line são agrupadas em colunas, o que significa que o contêiner cresce inadvertidamente horizontalmente. Esse não é o layout do Pinterest e não funciona bem com conteúdo carregado dinamicamente. O que eu quero fazer é ter um monte de imagens de largura […]

Selecionando e manipulando pseudoelementos CSS como :: before e :: after jQuery

Existe alguma maneira de selecionar / manipular pseudoelementos CSS como ::before e ::after (e a versão antiga com um ponto e vírgula) usando jQuery? Por exemplo, minha folha de estilo tem a seguinte regra: .span::after{ content:’foo’ } Como posso mudar ‘foo’ para ‘bar’ usando jQuery?