Perguntas com a marcação «css-selectors»

Seletores são padrões que correspondem aos elementos em uma árvore de documentos. Em uma regra CSS, eles são usados ​​para definir estilos para elementos que correspondem ao padrão.

10
Seleção de entrada de texto vazio usando jQuery
Como identifico caixas de texto vazias usando jQuery? Eu gostaria de fazer isso usando seletores, se possível. Além disso, devo selecionar o id, pois no código real onde desejo usá-lo, não desejo selecionar todas as entradas de texto. Em meus dois exemplos de código a seguir, o primeiro exibe com …
6
Por que document.querySelectorAll retorna um StaticNodeList em vez de um Array real?
Isso me incomoda que eu não consigo fazer apenas document.querySelectorAll(...).map(...)no Firefox 3.6, e ainda não consigo encontrar uma resposta, então pensei em fazer uma postagem cruzada no SO a pergunta deste blog: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Alguém sabe de um motivo técnico pelo qual você não consegue um Array? Ou por um StaticNodeList …
5
Sass combinando pai usando "e" comercial (&) com seletores de tipo
Estou tendo problemas com aninhamento em Sass. Digamos que eu tenha o seguinte HTML: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Quando tento aninhar meus estilos no seguinte, recebo um erro de compilação: .item { color: black; a& { color:blue; } } Como faço referência a um seletor …
2
O seletor de atributos CSS não funciona como href
Eu preciso usar o seletor de atributos no css para alterar o link em cores e imagens diferentes, mas não funciona. Eu tenho este html: <a href="/manual.pdf">A PDF File</a> E este css: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { …
5
O que um asterisco (*) faz em um seletor CSS?
Eu encontrei este código CSS e o executei para ver o que ele faz e descreve TODOS os elementos da página, Alguém pode explicar o que o Asterisk * faz no CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * …
5
O que o seletor * * CSS faz?
Recentemente me deparei * *com CSS . Referência do site - Link do site . Para um único *uso na folha de estilo CSS, Internet e Stack Overflow são inundados com exemplos, mas não tenho certeza sobre o uso de dois * *símbolos em CSS. Pesquisei no Google, mas não …
9
O que vírgulas e espaços em várias classes significam em CSS?
Aqui está um exemplo que não entendo: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Parece-me que isso width: 460pxse aplica a todas as classes acima mencionadas. Mas por que algumas classes são separadas por uma vírgula ( ,) e outras apenas por um espaço? Suponho que width: 460pxisso será …
8
Como inserir um elemento como primeiro filho?
Quero adicionar um div como primeiro elemento usando jquery a cada clique de um botão <div id='parent-div'> <!--insert element as a first child here ...--> <div class='child-div'>some text</div> <div class='child-div'>some text</div> <div class='child-div'>some text</div> </div>
2
Seletor CSS com ponto no ID
A especificação HTML permite pontos (.) Em um id: <img id="some.id" /> No entanto, o uso de uma regra de seletor de código CSS não corresponderá corretamente: #some.id { color: #f00; } A especificação CSS para seletores de ID não menciona esse caso. Portanto, presumo que esteja usando a combinação …
6
: o primeiro filho não funciona como esperado
Estou tentando selecionar o primeiro h1dentro de um divcom uma classe chamada detail_container. Funciona se h1for o primeiro elemento dentro disso div, mas se vier depois disso ul, não funcionará. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> <h1>Second H1</h1> …
10
querySelector pesquisa filhos imediatos
Eu tenho alguma função semelhante ao jquery: function(elem) { return $('> someselector', elem); }; A questão é como posso fazer o mesmo com querySelector()? O problema é que o >seletor em querySelector()requer que o pai seja especificado explicitamente. Existe alguma solução alternativa?
5
Como selecionar o primeiro DIV pai usando jQuery?
var classes = $(this).attr('class').split(' '); // this gets the current element classes var classes = $(this).parent().attr('class').split(' '); // this gets the parent classes. O pai na situação acima é um ankor. Se eu quisesse obter o primeiro DIV pai de $ (this), como seria o código? var classes = $(this).div:parent().attr('class').split(' …
3
Como criar uma regra de css para todos os elementos, exceto uma classe?
Eu criei uma folha de estilo CSS para meu projeto. Existe alguma maneira de criar uma regra de css que se aplica a todos os elementos da tabela EXCETO os elementos da tabela pertencentes à classe "dojoxGrid"? Algo como: .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.