Articles of css selectors

Obtenha o seletor CSS do elemento (quando ele não tiver um id)

Estou tentando modificar uma página através de JavaScript / CSS (muito parecido com o Stylish ou o Greasemonkey). Esta é uma página muito complexa (que eu não construí, ou não posso modificar pré-renderização), o que dificulta a construção do seletor CSS (olhando manualmente para a estrutura do documento). Como posso conseguir isso?

Sass combinando pai usando e comercial (&) com seletores de tipo

Estou tendo problemas com o aninhamento no Sass. Digamos que eu tenha o seguinte HTML: Text Text Link Quando tento aninhar meus estilos a seguir, recebo um erro de compilation: .item { color: black; a& { color:blue; } } Como faço para referenciar um seletor de tipo antes do seletor pai quando ele faz parte […]

O seletor CSS inválido faz com que a regra seja descartada: Qual é a razão?

Eu estou procurando mais links para discussões em listas de discussão, etc., em vez de especulação. Alguém pode me ajudar a descobrir a lógica por trás das regras de tratamento de erros citadas da especificação CSS Selectors Level 3 . Os agentes do usuário devem observar as regras para lidar com erros de análise: um […]

Posso usar variables ​​para seletores?

Eu tenho essa variável: $gutter: 10; Eu quero usá-lo em um seletor como assim SCSS: .grid+$gutter { background: red; } então a saída se torna CSS: .grid10 { background: red; } Mas isso não funciona. É possível?

Selecione todas as checkboxs de seleção com jQuery

Preciso de ajuda com os seletores do jQuery. Digamos que eu tenha uma marcação como mostrado abaixo: Como obter todas as checkboxs de seleção, exceto #select_all quando o usuário clica nele? Qualquer ajuda será apreciada.

Animações CSS com atraso para cada elemento filho

Eu estou tentando criar um efeito em cascata, aplicando uma animação para cada elemento filho. Eu queria saber se existe uma maneira melhor de fazer isso do que isso: .myClass img:nth-child(1){ -webkit-animation: myAnimation 0.9s linear forwards; } .myClass img:nth-child(2){ -webkit-animation: myAnimation 0.9s linear 0.1s forwards; } .myClass img:nth-child(3){ -webkit-animation: myAnimation 0.9s linear 0.2s forwards; } […]

Selecionando input de texto vazia usando jQuery

Como faço para identificar checkboxs de texto vazias usando jQuery? Eu gostaria de fazer isso usando seletores, se for possível. Além disso, devo selecionar no id, pois no código real onde eu quero usar isso eu não quero selecionar todas as inputs de texto. Nos meus dois exemplos de código a seguir, o primeiro exibe […]

Posso segmentar um: antes ou: depois do pseudo-elemento com um combinador irmão?

Existe uma razão pela qual este CSS não funciona? http://jsfiddle.net/6v5BZ/ a[href^=”http”]:after { content:””; width:10px; height:10px; display:inline-block; background-color:red; } a[href^=”http”] img ~ :after { display:none; } .. neste HTML? Test A ideia é ter um pseudoelemento em tags de âncora correspondentes. Mas eu não quero que isso se aplique a tags âncora que envolvem uma imagem. […]

CSS: Como dizer .class: last-of-type

Duplicar Possível: Como faço para selecionar o “último filho” com um nome de class específico em CSS? Como o título diz, eu quero endereçar regras css para o último elemento de um certo tipo que tem uma certa class. O código a seguir funciona perfeitamente: div:last-of-type { margin-right:0; } mas eu quero algo parecido div.class:last-of-type […]

O que faz um no CSS?

Eu usei CSS antes e me deparei com o estilo CSS abaixo, não tenho a menor idéia do que ele faz. a[href^=”http:”] { background: url(img/keys.gif) no-repeat right top; } a[href^=”http://mysite.com”], a[href^=”http://www.mysite.com”] { background-image: none; padding-right:0; }