Se o HTML tiver elementos como este: id="product42" id="product43" ... Como faço para corresponder todos esses IDs começando com "produto"? Já vi respostas que fazem isso exatamente usando javascript, mas como fazê-lo apenas com
Eu vi esse seletor no Twitter Bootstrap: .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } Alguém sabe como essa técnica é chamada e o que
Eu tenho componente no Angular 2 chamado my-comp: <my-comp></my-comp> Como um estilo é o elemento host desse componente no Angular 2? No polímero, você usaria o seletor ": host". Eu tentei no Angular 2. Mas não funciona. :host { display: block; width: 100%; height: 100%; } Eu...
Eu quero combinar :aftercom :hoverCSS (ou qualquer outro pseudo-seletor). Basicamente, tenho uma lista e o item da selectedclasse tem uma forma de seta aplicada :after. Eu quero que o mesmo seja verdadeiro para objetos que estão sendo passados com o mouse, mas que não conseguem fazê-lo funcionar....
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...
Atualmente, estou trabalhando em um projeto no qual não tenho controle sobre o HTML ao qual estou aplicando estilos CSS. E o HTML não está muito bem rotulado, no sentido de que não há declarações suficientes de identificação e classe para diferenciar os elementos. Portanto, estou procurando...
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
<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...
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
Como você pode selecionar o primeiro e o último TDem uma linha? tr > td[0], tr > td[-1] { /* styles
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 comportam...
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...
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...
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 resultado...
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
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 um...
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...
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...
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
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:...