Perguntas com a marcação «css-selectors»

Existe uma maneira de selecionar cada enésimo filho que corresponda (ou não corresponda) a um seletor arbitrário ? Por exemplo, quero selecionar cada linha ímpar da tabela, mas dentro de um subconjunto das linhas: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this --> …

116 css  css-selectors 

É possível ter vários :beforepseudos para o mesmo elemento? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Estou tentando aplicar os estilos acima ao mesmo elemento usando jQuery, mas apenas o mais recente é aplicado, nunca os dois.

116 css  css-selectors  pseudo-element  css-content 

Existe um seletor CSS para selecionar este elemento por seu valor de atributo de estilo embutido? <div style='display:block'>...</div> algo como div[cssAttribute=cssValue]

114 html  css  css-selectors  inline-styles 

Notei que os botões e outros elementos têm um estilo padrão e se comportam em 3 etapas: visualização normal, visualização flutuante / foco e visualização do mouse / clique, em CSS posso alterar o estilo da visualização normal e da visualização flutuante assim: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; …

114 html  css  css-selectors 

Eu tenho um grande problema, porque preciso anatematizar a partir de estilizar alguns tipos de entrada. Eu tinha algo como: .registration_form_right input:not([type="radio") { //Nah. } Mas não quero estilizar caixas de seleção também. Eu tentei: .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) Como usar …

113 css  css-selectors  conditional-operator 

Eu tenho o seguinte código HTML em uma página: <h4>Some text</h4> <p> Some more text! </p> No meu .css, tenho o seguinte seletor para estilizar o h4elemento. O código HTML acima é apenas uma pequena parte de todo o código; há vários divoutros agrupados pertencentes a uma caixa de sombra: …

113 html  css  css-selectors 

Existe alguma maneira de LESS aplicar o seletor filho imediato (>) em sua saída? No meu estilo. Menos, quero escrever algo como: .panel { ... > .control { ... } } e fazer com que LESS gere algo como: .panel > .control { ... }

112 css  css-selectors  less 

Encontrei o seguinte seletor CSS na folha de estilo do agente do usuário do Google Chrome: [type="checkbox" i] O que isso isignifica?

112 css  css-selectors 

position: sticky funciona em alguns navegadores móveis agora, então você pode fazer uma barra de menu rolar com a página, mas depois manter a parte superior da janela de visualização sempre que o usuário rolar por ela. Mas e se você quiser dar um novo estilo à sua barra de …

110 css  css-selectors  css-position 

Como o IE7 e o IE8 não suportam a notação de dois pontos duplos para pseudo-elementos (por exemplo, ::afterou ::first-letter), e como os navegadores modernos suportam a notação de dois pontos (por exemplo :after) para compatibilidade com versões anteriores, devo usar apenas a notação de dois pontos simples e quando …

108 css  internet-explorer-8  css-selectors  internet-explorer-7  pseudo-element 

Eu sei que existe uma pseudoclasse CSS3 oficial :checked, mas existe uma :uncheckedpseudoclasse e elas têm o mesmo suporte para navegador? A referência do Sitepoint não menciona nenhum, no entanto, esta especificação whatwg (seja lá o que for) faz. Eu sei que o mesmo resultado pode ser alcançado quando os …

108 css  css-selectors  pseudo-class 

Meu objetivo é aplicar o CSS no último li, mas não faz isso. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Executar snippet de códigoOcultar resultadosExpandir snippet Como posso selecionar apenas o último filho?

106 css  css-selectors 

Existe alguma maneira com o CSS de direcionar todas as entradas com base em seu tipo? Eu tenho uma classe desativada que uso em vários elementos de formulário desativados e estou definindo a cor de fundo para as caixas de texto, mas não quero que minhas caixas de seleção tenham …

105 css  internet-explorer  css-selectors 

Estou fazendo um site muito avançado. Minha pergunta: É possível selecionar todas as outras crianças, exceto para o :first-childe o :last-child? Eu sei que há um :not()seletor, mas ele não funciona com mais de um que não esteja entre parênteses. Isso é o que eu tenho: #navigation ul li:not(:first-child, :last-child) …

105 html  css  css-selectors 

Qual é a diferença entre esses dois seletores? .classA.classB { border: 1px solid; } .classA .classB { border: 1px solid; }

104 css  css-selectors