Perguntas com a tag [seletores]
Um seletor CSS é uma declaração em um formato que "casa" com todos os elementos que sigam aquele formato na árvore do documento.
40
perguntas
0
votos
0
respostas
9
visitas
Por que o segundo estilo que defini para a tag P não sobrepõem o primeiro? [duplicada]
<!DOCTYPE html>
<html>
<head>
<style>
div p.center {
text-align: center;
color: red;
background:orange;
}
p.center {
text-align: end;
color: blue;
background:pink;
...
0
votos
1
resposta
122
visitas
Como utilizar caracteres especiais para selecionar um elemento utilizando jQuery?
Preciso verificar se um input type=radio foi checado com jQuery para passar para próxima etapa do formulário. Minha função para isso já estava funcionando, porém precisei transformar o name do ...
-2
votos
1
resposta
113
visitas
Pegar elemento pelo seletor css
Tenho uma div em que quero pegá-la pela função document.querySelector mas não consigo
A div:
<div class=" f:.9 m-b:.4 m-t:.5 d:i-b ">Conteúdo</div>
tentei fazer document....
2
votos
2
respostas
214
visitas
Como aplicar uma função com "forEach", usando um conjunto de itens pré selecionados pelo seletor estilo Jquery? [duplicada]
Não sei se consegui ser claro no título, e por isso vou exemplificar. No jQuery, a gente poderia fazer algo como isso para deixar todos os H2 com a cor verde:
$('h2').css('color','green')
Estou ...
4
votos
1
resposta
780
visitas
Como fazer com que um elemento pai <ul> tenha a largura do total dos seus filhos <li>?
Tenha uma div que apresenta dinamicamente uma série de itens agrupados em uma lista horizontal. O elemento pai desta lista tem uma largura máxima definida em meu CSS. É possível fazer com que a ...
0
votos
3
respostas
394
visitas
Não consigo achar o botão com o querySelector
Olá,estou tentando achar um botão pelo document.querySelector porém não estou conseguindo..Tentei procurar ele com o comando:
document.querySelector("button.tabindex[class='btn btn-inverse btn-large ...
2
votos
2
respostas
49
visitas
Seletor lt() não funciona
Nos meus experimentos com seletores jQuery me deparei com algo que não sei se é um erro meu ou é uma limitação natural do jQuery.
Eu tenho 10 divs com as classes .dado. Cada uma, ao ser clicada, muda ...
3
votos
2
respostas
122
visitas
É realmente preciso especificar o elemento HTML antes da classe no seletor de uma regra CSS?
Eu não sei se isso vale para todos, mas o único elemento o qual estou interessado é a <div>. Por exemplo:
div.classe1 { /*...*/ }
.clase1 { /*...*/ }
Qual a diferença entre os dois exemplos? ...
5
votos
2
respostas
1mil
visitas
Qual a diferença entre o :nth-child e o :nth-of-type?
Na maioria das vezes eu utilizo o :nth-of-type porém não entendi exatamente a diferença entre os dois, alguém consegue explicar?
5
votos
3
respostas
203
visitas
Diferença entre attr=val, attr="val" e attr='val' no JavaScript?
Tem alguma diferença em utilizar o seletor das seguintes formas, ou alguma que é "correta"?
[name="val"] [name='val'] [name=val]
2
votos
1
resposta
66
visitas
JQuery não pega valor do input
$(document).on('click','#submit',function(){
console.log($('#prescricao[qtd][1]').val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>...
1
voto
2
respostas
34
visitas
CSS Seletor - Executar um laço a partir de um determinado item do laço
Bom dia. Digamos que eu tenho uma tabela com 100 linhas, mais gostaria que meu each (JQuery) começasse a partir da linha 15. Qual seletor Css Deveria usar? Ou JQuery possui algum recurso para tal?
...
19
votos
3
respostas
1mil
visitas
Como usar o $.on em JavaScript puro: "$(...).on(evento, seletor, função)"?
É o seguinte, em jQuery temos o on, qualquer elemento <a> com a classe test e sem a classe foo irão disparar a função quando clicados, mesmo que você crie o elemento depois do evento já estar ...
0
votos
1
resposta
38
visitas
Selecionando elementos desabilitados
Preciso diferenciar a visualização de uma select box onde há um elemento selecionado por default, porém o mesmo não pode ser selecionado pelo usuário (como se fosse um placeholder de um input normal), ...
4
votos
1
resposta
97
visitas
Por que seletores com prefixos em uma mesma regra não funcionam?
Por exemplo se eu fizer isto para deixar o elemento que estiver em fullscreen com altura e largura igual 100% ele não funciona:
:fullscreen,
:full-screen,
:-webkit-full-screen,
:-moz-full-screen,
:-...
0
votos
1
resposta
105
visitas
alterando o css das pseudoclasses de elementos com jquery é possível?
Estou fazendo alguns testes com jquery e, me veio a seguinte questão:
É possível manipular os pseudoelementos de classes css com o jquery?
$('#login_1').click(function(event){
event....
2
votos
1
resposta
3mil
visitas
Transição em elementos usando :hover:after
Como posso aplicar uma transição, por exemplo em um background:linear-gradient(to top, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 40%) sem hover e background:linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,...
0
votos
1
resposta
376
visitas
colocar variável em seletor jquery
Pesquisei outras perguntas semelhantes, mas a respostas delas não me ajudaram até porque, o seletor que estou usando é diferente.
quero pegar um tr em um tbody de uma table, usando o seletor nth-...
2
votos
2
respostas
2mil
visitas
CSS - Como selecionar o ultimo irmão?
Tenho a seguinte estrutura HTML:
<form action="" id="form-contato">
<label for="nome">Nome</label>
<input type="text" name="nome" id="nome" placeholder="Nome"/>
...
39
votos
1
resposta
6mil
visitas
Qual seletor CSS tem prioridade?
Tenho o seguinte código HTML e CSS:
#element p{color:blue;}
.element p{color:red;}
div p{color:pink;}
div.element p{color:yellow;}
div[name="element"] p{color:purple;}
div p:...
1
voto
1
resposta
30
visitas
jQuery seletor não encontra a si mesmo
Estava montando uma funcionalidade que tinha por objetivo encontrar outros selects com mesmo valor, quando me deparei com esta situação :
jQuery('select[name="group2"]').val('emissao');
jQuery(...
0
votos
0
respostas
82
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\...
1
voto
1
resposta
2mil
visitas
Seletor CSS para modificar TAG antes ou depois dentro da div
Estou em dúvida ao aplicar alguns estilos no css. Desejo modificar uma tag usando uma div dentro dela:
header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
...
7
votos
1
resposta
174
visitas
Como usar o seletor first-child para uma classe específica
Olá,
Tenho vários divs e alguns deles tem uma classe 'teste', gostaria que o seletor first-child destacasse apenas o primeiro DIV que tem a classe 'teste', porém, só funciona se a classe 'teste' esta ...
1
voto
1
resposta
279
visitas
Seletores CSS (H1 - H6 aplicando após p)
Estou em Dúvida de aplicar alguns efeitos no css. Tentei com os seguintes seletores do css:
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
margin: 0 0 0.75em 0;
}
h1~p, h2~p, h3~p, h4~p, h5~p, h6~p {
...
1
voto
1
resposta
100
visitas
Selecionar input com id != valor
um seletor assim:
$('#minhaDiv input[id!="meuId1"]');
é bem comun. Eu gostaria de saber se é possível fazer algo do tipo:
$('#minhaDiv input[id!="meuId1" && id!="meuId8"]');
Obrigado.
3
votos
1
resposta
496
visitas
Concatenar em loop com jQuery
Preciso concatenar com jQuery todos os valores de inputs que tenham classes que se iniciam por "item_".
Estou usando a função abaixo mas não deu certo.
$(document).ready(function() {
$('button....
4
votos
2
respostas
203
visitas
Qual é o inverso de :visible no jQuery?
O Seletor :visible no jQuery serve para procurar por um elemento quando o mesmo é visível.
Exemplo:
$(this).find('li:visible').addClass('color-red');
Porém, ao tentar procurar elementos invisíveis, ...
1
voto
1
resposta
781
visitas
Selecionar apenas os primeiros filhos de um elemento pai
Tenho a seguinte marcação:
<div class="step-content">
<div id="step-1">
<h1>step 1</h1>
<h1>step 1</h1>
</div>
...
4
votos
1
resposta
169
visitas
Performance CSS (CSSOM e seletores)
Considerando a montagem do CSSOM pelo browser e parser (leitura) que se dá right to left. Gostaria de jogar uma pergunta, pois estava a escrever um css num projeto e sempre tenho comigo por questão de ...
2
votos
1
resposta
371
visitas
Tabulação via Jquery
Possuo um campo com a classe "codigoBarra" onde será utilizado leitor de código de barras para preenche-lo, ao fim da leitura com o leitor ele gera uma \n, já consegui capturar isto e tratar, porém, ...
3
votos
1
resposta
1mil
visitas
Para que serve e como funciona o ":eq(0)"?
Estava vendo um tutorial de slider para jQuery, e numa parte do código, no qual objetivo era voltar para a primeira imagem, o autor do código fez de um jeito que não conheço, e também não soube como ...
0
votos
6
respostas
3mil
visitas
Hover em DIV1 alterar DIV2 com CSS
Se eu tiver um #div1 e um #div2, e eles forem irmãos, sei que posso usar o seletor ~ para estilizar a #div2 da seguinte forma:
#div1:hover ~ #div2 { /* regras */ }
Existe algum seletor equivalente ...
3
votos
3
respostas
145
visitas
jQuery, não selecionar 'child' do elemento
Eu tenho este código que faz de uma espécie de fancybox, resulta bem mas gostava que o click na imagem não fizesse desaparecer o '#overlayFancy', era bom que só o click fora da imagem é que fizesse ...
2
votos
3
respostas
330
visitas
Sintaxe de seletor css para eliminar elemento <td> com jQuery
Alguma forma de utilizar jquery e seletores de uma forma parecida com esta?
$("#tabela td").empty();
Necessito eliminar somente as linhas tr que contenham td de uma tabela como esta, mas não as ...
4
votos
2
respostas
260
visitas
Quando utilizar div+seletor no CSS
Sempre que estou desenvolvendo o front-end de algum site, coloco direto o nome do seletor, por exemplo .seletor1, .seletor2 e por aí vai.
Recentemente precisei mexer nas classes de um plugin que eu ...
11
votos
1
resposta
3mil
visitas
O que significa o seletor CSS :first-child e :last-child?
Tenho um código usando jQuery que se baseava nos seletores CSS :first-child e
:last-child (e que funcionou por um bom tempo), para obter o primeiro input
e o último input dentro de um grupo contendo ...
9
votos
2
respostas
1mil
visitas
Como selecionar elemento no menor nivel hierarquico?
Preciso selecionar a ul pai do elemento li que esta sendo clicado. Porém como uma li fica dentro da outra o javascript entende que estou clicando na li e em todas as li pais.
<ul class="lista">
...
10
votos
5
respostas
22mil
visitas
Usando jQuery, como selecionar elementos com duas classes CSS
Tenho uma div que usa duas classes CSS.
Eis o HTML :
<div class="box1"></div>
<div class="box1 destaque"></div>
<div class="box2"></div>
<div class="box2 ...
9
votos
3
respostas
16mil
visitas
Selecionar elementos que contenham um atributo "data" em particular
Na página existem diversos elementos com atributos data. Para evitar andar a adicionar classes de CSS ao elementos, tornado o código da página mais denso, gostaria de selecionar elementos pelo nome do ...