Resultados da pesquisa a pedido "css-selectors"
Noções básicas sobre seletores CSS
Por que o texto abaixo torna o texto vermelho? #stories li a {color:red} .default li.expand a {color:green} li.expand a {color:blue} <ul id="stories" class="default"> <li>this is the end</li> <li class="expand">this is the end</li>Somente se eu ...
Selecione todos os enésimos elementos em CSS
É possível selecionar, digamos, cada quarto elemento em um conjunto de elementos? Ex: tenho 16<div> elementos ... eu poderia escrever algo como. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16)Existe uma maneira melhor ...
Como mostrar apenas certas partes com CSS para impressão?
Eu tenho uma página com muitos dados, tabelas e conteúdo. Quero fazer uma versão impressa que exiba apenas poucas coisas selecionadas. Em vez de escrever outra página apenas para impressão, eu estava lendo sobre o recurso do CSS para "@media ...
Qual é a diferença entre * e * | * em CSS?
Em CSS,* irá corresponder a qualquer elemento. Freqüentemente,*|* é usado em vez de* para combinar todos os elementos. Isso geralmente é usado para fins de teste. Qual é a diferença entre* e*|* em CSS?
Alterar elemento CSS que vem após o outro
Eu gostaria de pairara.bio mude o fundo.pic para verde. Eu tentei algumas maneiras, mas não deu certo. Eu não entendi a lógica de~ e como fazê-lo funcionar. CÓDIGO .executivo .pic::after { background-color: #00845b; content: ""; height: ...
Seletor CSS para No-Children-But-Not-Empty
Quero selecionar BONKERS no fragmento HTML abaixo. Sua distinção é que está sozinho em um<code> bloco enquanto todos os seus irmãos contêm<a>'s.:empty é a escolha óbvia, mas não funcionará devido ao nó de texto. Eu pensei que sabia essas coisas, ...
css enésimo filho do elemento com classe
Existe uma maneira de selecionar (usando css) o enésimo filho de um elemento com uma determinada classe. Por exemplo, para o seguinte, como eu poderia selecionar oli elemento com oid="this" (mostrado para fins de explicação)? Então, basicamente, ...
Zebra listrando uma mesa flexbox com itens de embalagem
Estou procurando a maneira mais simples de distribuir as linhas pela zebra na seguinte tabela flexbox responsiva. Em outras palavras, as linhas 2 e 4 neste exemplo, mas ilimitadas, não sei quantas linhas haverá porque isso é para um componente ...
Esclarecimento do seletor de CSS: | = vs ^ = [duplicado]
Esta pergunta já tem uma resposta aqui: Qual é a diferença entre os seletores de atributo pipe (|) e caret (^)? [/questions/34530852/what-is-the-difference-between-pipe-and-caret-attribute-selectors] 4 respostasDe acordo com o ...
Seletor CSS: not (). Aplicar estilo se o pai não existir
Estou tentando aplicar um estilo a uma div com base em sua classe pai. Estou usando o seletor: not () para selecionar a div cujo pai não é.container1, a segunda div deve ser vermelha, mas não está funcionando. Exemplo ...