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

Isso deve ser simples, mas estou tendo problemas para encontrar os termos de pesquisa. Digamos que eu tenho isso: <div class="a c">Foo</div> <div class="b c">Bar</div> No CSS, como posso criar um seletor que corresponda a algo que corresponda a "(.a ou .b) e .c"? Eu sei que eu poderia fazer …

176 html  css  css-selectors 

Quero aplicar uma regra CSS a qualquer elemento cuja classe corresponda ao prefixo especificado. Por exemplo, eu quero uma regra que se aplique a div que tem classe que começa com status-(A e C, mas não B no seguinte trecho): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div …

175 css  css-selectors 

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Eu quero selecionar #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } Isso não funciona, desde que eu tenha outro div.somethingúltimo filho real na commentList. É …

175 html  css  css-selectors 

O que eu gostaria de fazer (não no IE obviamente) é: p:not(.list):last-child + :text { margin-bottom: 10px; } O que daria uma margem ao nó de texto. (Isso é possível?) Como eu obteria o nó de texto com CSS?

173 css  css-selectors 

Eu tenho alguns links que quero selecionar classe e identificação ao mesmo tempo. Isso ocorre porque eu tenho 2 comportamentos diferentes. Quando uma classe de links tem um nome de classe, eles se comportam de uma maneira, quando os mesmos clas de links têm outro nome de classe, eles se …

170 jquery  dom  jquery-selectors  css-selectors 

Como você pode selecionar o primeiro e o último TDem uma linha? tr > td[0], tr > td[-1] { /* styles */ }

170 css  css-selectors 

Estou procurando um seletor de css que permita selecionar o filho anterior da lista. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> <li>6</li> </ul> Método estático: ul li:nth-child(5) Método dinâmico: ul li:last-child(-1) que obviamente não valida, o …

161 css  css-selectors 

Uma pergunta complicada de seletor de CSS, não sei se é possível. Digamos que este é o layout HTML: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> Quero selecionar o último div, que é exibido (ou seja, não display:none), que seria o terceiro divno exemplo dado. Lembre-se, o número de divs …

161 html  css  css-selectors 

Ouvi várias vezes que o ativo mais forte do jQuery é a maneira como ele consulta e manipula elementos no DOM: você pode usar consultas CSS para criar consultas complexas que seriam muito difíceis de executar em javascript regular. No entanto, tanto quanto eu sei, você pode obter o mesmo …

161 javascript  jquery  html  css-selectors  jquery-selectors 

Eu já vi esse personagem várias vezes em arquivos CSS, mas não tenho idéia de como é usado. Alguém pode me explicar e mostrar como eles são úteis para facilitar o estilo de uma página?

159 css  css-selectors 

Como alterar o estilo do elemento filho quando há pairar no elemento pai. Eu preferiria uma solução CSS para isso, se possível. Existe alguma solução possível através de: passe o mouse nos seletores CSS. Na verdade, preciso alterar a cor da barra de opções dentro de um painel quando houver …

155 css  css-selectors 

Gostaria de segmentar todas as tags h em uma página. Eu sei que você pode fazer assim ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } mas existe uma maneira mais eficiente de fazer isso usando seletores CSS avançados? por exemplo, algo como: [att^=h] { font: 32px/42px …

154 css  css-selectors 

Atualmente, estou usando readonly = "readonly" para desativar os campos. Agora estou tentando estilizar o atributo usando CSS. Eu tentei usar input[readonly] { /*styling info here*/ } mas não está funcionando por algum motivo. Eu também tentei input[readonly='readonly'] { /*styling info here*/ } isso também não funciona. Como posso estilizar …

150 html  css  css-selectors 

Como aplico um estilo a uma caixa de entrada vazia? Se o usuário digitar algo no campo de entrada, o estilo não deverá mais ser aplicado. Isso é possível em CSS? Eu tentei isso: input[value=""]

141 css  input  css-selectors 

Eu estou fazendo uma assinatura de e-mail HTML com CSS inline (ie CSS em styleatributos), e estou curioso para saber se é possível usar os :beforee :afterpseudo-elementos. Se sim, como eu implementaria algo assim com CSS embutido? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; …

141 html  css  css-selectors  pseudo-element  inline-styles