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.
Como seleciono o <li>elemento pai direto do elemento âncora? Como exemplo, meu CSS seria algo como isto: li < a.active { property: value; } Obviamente, existem maneiras de fazer isso com JavaScript, mas espero que exista algum tipo de solução alternativa nativa para o CSS Nível 2. O...
На этот вопрос есть ответы на Stack Overflow на русском : Селектор левых соседей O sinal de mais ( +) é para o próximo irmão. Existe um equivalente para o irmão
Quais caracteres / símbolos são permitidos nos seletores de classe CSS ? Sei que os seguintes caracteres são inválidos , mas que caracteres são válidos ? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | `
Eu tenho vários elementos com um nome de classe red, mas não consigo selecionar o primeiro elemento class="red"usando a seguinte regra CSS: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Executar snippet de códigoOcultar...
Procurando pelo ~personagem não é fácil. Eu estava olhando um pouco de CSS e encontrei isso .check:checked ~ .content { } O que isso
Eu tenho uma divtag contendo várias ultags. Eu sou capaz de definir propriedades CSS apenas para a primeira ultag: div ul:first-child { background-color: #900; } No entanto, minhas tentativas a seguir para definir propriedades CSS para cada outra ultag, exceto a primeira, não funcionam: div...
Por exemplo: p + p { /* Some declarations */ } Eu não sei o que isso +significa. Qual é a diferença entre isso e apenas definir um estilo para psem +
Estou tentando selecionar inputelementos de todos os types, exceto radioe checkbox. Muitas pessoas mostraram que você pode colocar vários argumentos :not, mas o uso typenão parece funcionar de qualquer maneira. form input:not([type="radio"], [type="checkbox"]) { /* css here */ } Alguma...
Eu tenho essas divs com as quais estou estilizando .tocolor, mas também preciso do identificador exclusivo 1,2,3,4 etc., então estou adicionando-o como outra classe tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2...
Eu gostaria de escrever uma regra de seletor de CSS que selecione todos os elementos que não têm uma determinada classe. Por exemplo, dado o seguinte HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu...
Os seletores CSS são correspondidos pelos mecanismos do navegador da direita para a esquerda. Então, eles primeiro encontram as crianças e depois checam os pais para ver se elas correspondem ao restante das partes da regra. Por que é isso? É apenas porque a especificação diz? Isso afeta o layout...
Estou procurando um seletor de CSS para a seguinte tabela: Peter | male | 34 Susanne | female | 12 Existe algum seletor para corresponder a todos os TDs que contêm
É possível selecionar elementos em CSS pelos atributos de dados HTML5 (por exemplo,
Por exemplo: div > p.some_class { /* Some declarations */ } O que exatamente significa o
Existe uma maneira de selecionar um elemento com CSS com base no valor do atributo de classe que está sendo definido para duas classes específicas. Por exemplo, digamos que eu tenho 3 divs: <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div...
Como você pode selecionar todos os elementos filhos recursivamente? div.dropdown, div.dropdown > * { color: red; } Essa classe somente lança uma classe no className definido e em todos os filhos imediatos. Como você pode, de uma maneira simples, escolher todos os childNodes como...
Como selecionaria todos, exceto o último filho, usando seletores CSS3? Por exemplo, obter apenas o último filho seria div:nth-last-child(1)
Como posso direcionar campos de entrada do tipo 'texto' usando seletores CSS?
Eu tenho uma lista de elementos, com o estilo desta forma: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li>
Eu tenho uma regra de estilo que quero aplicar a uma marca quando ela possui duas classes. Existe alguma maneira de fazer isso sem JavaScript? Em outras palavras: <li class='left ui-class-selector'> Quero aplicar minha regra de estilo única , se o litem tanto .lefte .ui-class-selectoraulas...