Articles of css selectors

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; }

Como selecionar todo o conteúdo entre duas tags no jQuery

Eu tenho um documento com títulos e listas não ordenadas. Como posso usar o JQuery para selecionar um determinado título (por seu nome de class exclusivo) E todo o conteúdo entre esse título e o próximo título? Atualizar: Suas sugestões são ótimas, mas não são o que estou procurando. No código abaixo, por exemplo, eu […]

IE8: n-filho e: antes

Aqui está o meu CSS: #nav-primary ul li:nth-child(1) a:after { } Funciona em todos os lugares agora (usado no meu site), exceto o Internet Explorer 8 … Existe possivelmente uma maneira de usar o n-filho no IE8? Esta é a pior versão deste navegador … nada funciona como deveria e não consigo encontrar uma maneira […]

Por que o seletor h3: nth-child (1): contains (‘a’) funciona?

Eu verifico este seletor: h3:nth-child(1):contains(‘a’) seletor não funciona? Eu verifico isto em firefinder e não retorno nada (não informação que há zero elementos) Então verifique isso: h3:nth-child(1) e retorna h3, então o seletor é quase bom, mas algo com esse texto (h3 tem texto ‘a’) dá errado.

Como posso selecionar um enésimo filho sem conhecer o elemento pai?

Não consigo descobrir uma maneira de selecionar o enésimo elemento, último elemento ou primeiro elemento nos casos em que não conheço o elemento pai. existe nth-child , mas apenas para crianças, por exemplo: One Two p:last-child seleciona o parágrafo “Dois” e p:first-child seleciona o parágrafo “Um”. Mas e quando eu tenho código dynamic e não […]

SASS: escolhe aleatoriamente a imagem de fundo de uma lista

Eu preciso mostrar isso: #footer-widgets .container .row { background-image: url(“RANDOMLY PICKED”); background-position: right bottom; background-repeat: no-repeat; } … e deve haver uma lista com 4 ou 5 links para as imagens de fundo reais ( http://sofpt.miximages.com/css/image.png ) para escolher. Como posso fazer isso com o SASS?

Como escrever um hack CSS para o IE 11?

Como posso hack ou escrever css apenas para o IE 11? Eu tenho um site que parece ruim no IE 11. Eu só pesquisar aqui e ali, mas ainda não encontrei nenhuma solução. Existe algum seletor de css?

Como manipular dois pontos em um ID de elemento em um seletor de CSS

O JSF está configurando o ID de um campo de input para search_form:expression . Preciso especificar alguns estilos nesse elemento, mas esse cólon parece o início de um pseudoelemento para o navegador, de modo que fica marcado como inválido e ignorado. Existe alguma maneira de escaping do cólon ou algo assim? input#search_form:expression { ///… }