Skip to main content

Perguntas com a tag [pseudo-classes]

Uma pseudo-classe CSS é uma palavra-chave adicionada a seletores que especifica um estado especial do elemento selecionado. Por exemplo :hover será aplicado um estilo quando o usuário passar o cursor sobre o elemento especificado pelo seletor.

Filtrar por
Ordenado por
Com tags
-1 votos
3 respostas
195 visitas

Hover no elemento irmão não funciona

Tenho duas <li> que estou usando como botões e quero fazer com que quando eu passe o mouse em uma, a outra fique mais transparente. Quando eu faço no botão 1, o botão 2 fica transparente. Mas ...
Lucas dos Santos Gomes's user avatar
1 voto
1 resposta
96 visitas

Aplicar Border-bottom no link mas não na imagem

Estou com um problema que parece simples, mas não encontrei solução. Eu criei um estilo de link que, em vez de ter um text-decoration underline, eu quero uma borda embaixo. O problema é que se uma ...
Mari's user avatar
  • 37
1 voto
1 resposta
643 visitas

Qual a diferença entre a pseudo classe :root e o * {} no CSS?

Os dois têm a mesma função? Ambos definem de modo generalista determinados procedimentos. Quando eu devo usar um ou outro?
botleboo's user avatar
0 votos
1 resposta
120 visitas

Uso de pseudo-elementos ::after em um DIV simulando um INPUT com LABEL - O Pseudo-elemento sobrepõe o cursor. Como fazer para não sobrepor o cursor?

Eu criei um DIV editável simulando um INPUT com um LABEL usando o pseudo-elemento ::after e a pseudo-classe :empty. O LABEL (que na realidade é um pseudo-elemento ::after com o content igual ao texto ...
Juliano Costa's user avatar
4 votos
2 respostas
767 visitas

Comportamento da pseudo-classe :nth-child

Infelizmente a pergunta marcada como "possível duplicata" (e as suas respostas) abordam outra coisa, especificamente o funcionamento da variável n em fórmulas passadas no :nth-child(), o que não ...
Sam's user avatar
  • 80,8mil
1 voto
1 resposta
397 visitas

Utilização da Pseudo-Classe :link

Estou usando o Pseudo Classe para links, entendi o conceito e a utilização das a:hover a:active and a:visited , porém não consigo entender o a:link. Qual é a utilização dela? Se possível ...
Antonio Lima's user avatar
1 voto
2 respostas
98 visitas

Utilização dos Pseudo Classes em CSS

Eu sei que as pseudos classes são: :link, :visited, :hover e :active, mas eu gostaria de saber se tem como utilizar as pseudos classes por meio de class, id ou inline. Às vezes eu não quero utilizar ...
Antonio Lima's user avatar
6 votos
1 resposta
3mil visitas

Qual é a utilidade do :host, :host() e :host-context()

Qual é a utilidade das pseudo classes :host, :host() e :host-context()? Se possível com algum exemplo prático
Costamilam's user avatar
  • 10mil
3 votos
1 resposta
2mil visitas

Como focar um elemento

No CSS seria algo assim: div { display: none; } div:active { display: block; } E alguma ação do usuário daria o foco a essa div pelo javascript Sei que posso fazer adicionando e removendo ...
Costamilam's user avatar
  • 10mil
0 votos
3 respostas
538 visitas

:first-child no .active do owl-carousel não funciona

Bom dia! Estou usando o plugin owl-carousel que possui varios itens. Preciso pegar o primeiro e o ultimo item da primeira pagina, mas nao estou conseguindo. O carousel renderiza assim: <div ...
Amanda Vieira's user avatar
5 votos
1 resposta
102 visitas

Porque é que :first-child é uma pseudo classe?

Estou a dar uma formação em CSS, e mesmo depois de ler e ouvir sobre o tema ainda estou com algumas dificuldades em perceber porque :first-child é uma pseudo classe e não um pseudo elemento, como ::...
iamdlm's user avatar
  • 655
0 votos
1 resposta
130 visitas

Alinha pseudo element a direta na barra de navegação

Estou com um dificuldade em alinhar a barra do :before à direita. Alguém pode me ajudar com isso? Estou usando este código: .nav-romeu li:before { content: ''; width: 50px; height: 2px; ...
Marcus Maciel's user avatar
3 votos
2 respostas
2mil visitas

Existe um seletor css que seleciona elementos através do seu texto?

Quero adicionar background a linha de uma tabela em que uma das colunas o seu valor seja: Valor 1. Tentei com o pseudo-classe contains e pelo innerHTML, mas todos sem sucesso. Código: table tr td [...
Marconi's user avatar
  • 18mil