Perguntas com a tag [css-seletores]

A tag não tem possui recomendações de uso.

Filtrar por
Ordenado por
Com tags
39 votos
1 resposta
1mil visitas

Qual a diferença entre os seletores "element element" e "element > element"?

Estava olhando o código do Twitter Bootstrap, e encontrei este CSS: .table-condensed > tfoot > tr > td { /* ... */ } Em sentido de funcionamento, qual seria a diferença de colocar apenas ...
Calebe Oliveira's user avatar
29 votos
2 respostas
2mil visitas

O que significa o sinal de + no CSS?

Por exemplo: .input__field--minoru:focus + .input__label--minoru::after { } Estou fazendo um efeito aqui, mas não estou entendendo esse sinal de + que tem no framework. Resultado Final $(...
Diego Souza's user avatar
  • 16,7mil
18 votos
1 resposta
4mil visitas

Como funcionam os seletores >, + , ~ no CSS?

Seletor + Pega o primeiro elemento encontrado após sua declaração. div + p { font-size: 20px; } <div> </div> <p>Este é um paragrafo</p> <p>Este é outro paragrafo&...
Marconi's user avatar
  • 18mil
16 votos
3 respostas
8mil visitas

Qual a utilidade do operador til no CSS?

Ao ler alguns códigos vejo que é comum a utilização do til (~) na definição do seletor. Ex.: .effeckt-show.effeckt-modal-wrap ~ .effeckt-modal-overlay { ... } Código retirado do Effeckt.css.
Júnior's user avatar
  • 870
13 votos
1 resposta
2mil visitas

Diferença entre pseudo-classe (dois pontos :) e pseudo-elemento (duplo dois pontos :: ) em CSS

Gostaria de saber quais são as diferenças entre estes dois conceitos do CSS, a fim de entender e apontar o que é um, e o que pode ser o outro. Por exemplo: :hover, ::before. O que eu já entendi até ...
Ale's user avatar
  • 2.532
4 votos
1 resposta
235 visitas

Trabalhar Seletores Dinâmicos (Ou Múltiplos Seletores) em Jquery

Tenho um código Javascript (Jquery) que pega caracteres de uma DIV e joga este resultado para uma outra DIV. Para a DIV onde pego os caracteres criei uma função que acrescenta uma classe dinamicamente,...
André Silva'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
3 votos
1 resposta
125 visitas

Excluir ids específicos em querySelectorAll

Quero pegar a quantidades de elementos vindo de um array: document.querySelectorAll('select,input,textarea'); alert(Object.keys(arr).length);//19 Dentro do array tenho 4 elementos a excluir, onde ...
MagicHat's user avatar
  • 12,6mil
2 votos
1 resposta
789 visitas

Como alterar outro elemento com CSS puro?

Como consigo alterar um outro element com CSS Puro, a partir de um elemento? Tentei fazer isso mas não rolou. Não conheço a fundo os seletores e maravilhas do CSS. input { display: block; ...
GIA's user avatar
  • 1.466
2 votos
3 respostas
1mil visitas

css selecionar apenas primeiro nível

Tenho um menu com até 3 níveis de listas aninhadas. Preciso selecionar apenas o texto do primeiro nível e ignorar o conteúdo aninhado. Tentei usar .menu > ul> li {} (e algumas variações disto) e ...
GuilhermeD's user avatar
2 votos
2 respostas
1mil visitas

Selecionar texto entre parênteses(CSS)

Gostaria de saber se existe uma forma de selecionar um texto que está entre parênteses utilizando apenas CSS. Por exemplo.: <p>Sistemas de informação (ead)</p> Eu gostaria de selecionar ...
Leandro Castro's user avatar
1 voto
1 resposta
114 visitas

Problemas com atributo :not() do css

estou com um problema estou editando um h2com css e dentro desse h2 tem um span porem queria aplicar o estilo no h2porem não quero que o estilo se aplique no meu span estou usando o seletor :not(span) ...
Felipe Henrique's user avatar
0 votos
0 respostas
41 visitas

Como fazer uso de seletores em CSS de modo que hajam duas condições simultâneas [duplicada]

Veja só: A pergunta anotada como Duplicata, foi de minha autoria, recente! Ainda não foi respondida, pois apesar de indicação de outro link, lá está difusa a aplicação dos possíveis seletores, ou ...
Fernandes's user avatar
  • 145
0 votos
1 resposta
253 visitas

Posição Relativa da linha da Tabela

Tenho uma tabela com 50 linhas Destas somente 10 estão visíveis Foi adicionado o class css "ux-select" a linha 5 O código $('table tbody tr:visible.ux-select').index() me dirá qual o numero da linha ...
Luiz Felipe's user avatar
0 votos
0 respostas
84 visitas

Query selector /3a

Estou fazendo js de htmls complexos que não foram estruturados por mim. Para facilitar uso o Firebux ou o Chrome Developer para copiar o seletor pronto. Eles me retorna esse seletor: #dadosCadastrais\...
Paulo Henrique's user avatar
-1 votos
1 resposta
548 visitas

Busca por CSS selector usando o texto da label

Olá, Estou querendo automatizar um formulário que possui 4 campos em que a única diferença é a label. Já procurei muito, mas não encontrei uma resposta que me ajudasse. Estou automatizando com ...
Franklin Sousa's user avatar