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.

2
Selecione todos os elementos filhos recursivamente em CSS
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 este: div.dropdown, div.dropdown > *, div.dropdown …
407 css  css-selectors 
8
CSS: not (: último filho): depois do seletor
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> <li>Four</li> <li>Five</li> </ul> Executar snippet de códigoOcultar resultadosExpandir snippet Saídas em One | Two | Three | Four …
3
Selecionar elemento com base em várias classes
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 aplicada.
360 css  css-selectors 
10
jQuery primeiro filho de "this"
Eu estou tentando passar "this" de um período clicado para uma função jQuery que pode executar o jQuery no primeiro filho desse elemento clicado. Não consigo acertar ... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> Javascript: function toggleSection(element) { element.toggleClass("redClass"); } Como faço para referenciar o: primeiro filho do elemento?
6
Existe um seletor de CSS apenas para o primeiro filho direto?
Eu tenho o seguinte html <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> E o seguinte estilo: DIV.section DIV:first-child { ... } Por alguma razão que não entendo, o estilo está sendo aplicado ao "sub conteúdo 1" <div> e ao "cabeçalho" <div> . Eu pensei …
315 html  css  css-selectors 
7
O CSS pode detectar o número de filhos de um elemento?
Provavelmente estou respondendo minha própria pergunta, mas estou extremamente curiosa. Eu sei que o CSS pode selecionar filhos individuais de um pai, mas há suporte para estilizar os filhos de um contêiner, se seu pai tiver uma certa quantidade de filhos. por exemplo container:children(8) { // style the parent this …
304 css  css-selectors 
7
Seletores CSS Filho x Descendente
Estou um pouco confuso entre esses 2 seletores. O seletor descendente : div p selecionar tudo pdentro divde um descendente imediato ou não? Então, se o pestiver dentro de outro, divele ainda será selecionado? Em seguida, o seletor filho : div > p Qual é a diferença? Criança significa criança …
298 css  css-selectors 
5
Especifique vários seletores de atributos em CSS
Qual é a sintaxe para fazer algo como: input[name="Sex" AND value="M"] Basicamente, quero selecionar o inputelemento que possui o atributo name="Sex"e o atributo value="M": <input type="radio" name="Sex" value="M" /> Elementos como os seguintes não devem ser selecionados: <input type="radio" name="Sex" value="F" />
9
Como posso estilizar elementos pares e ímpares?
É possível usar pseudo-classes CSS para selecionar instâncias pares e ímpares de itens da lista? Eu esperava que o seguinte produzisse uma lista de cores alternadas, mas, em vez disso, recebo uma lista de itens azuis: <html> <head> <style> li { color: blue } li:odd { color:green } li:even { …
281 html  css  css-selectors 
4
Como posso aplicar estilos a várias classes ao mesmo tempo?
Eu quero duas classes com nomes diferentes para ter a mesma propriedade em CSS. Não quero repetir o código. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> Executar snippet de códigoOcultar resultadosExpandir snippet Como as duas classes estão fazendo a mesma coisa, eu devo ser capaz …
277 css  css-selectors 
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.