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">...
Tenho tentado estilizar meu Google Maps InfoWindow, mas a documentação é muito limitada neste tópico. Como você estiliza um
Eu tenho uma classe CSS Modalque está absolutamente posicionada, indexada com z acima de seu pai e bem posicionada com JQuery. Quero adicionar uma imagem circunflexa (^) ao topo da caixa modal e estava olhando para usar o :beforepseudo seletor CSS para fazer isso de forma limpa. A imagem precisa...
Como você desenha um círculo usando HTML5 e CSS3? Também é possível inserir texto
Eu quero que meu div do contêiner obtenha a altura máxima de seus filhos. sem saber que altura divvai ter a criança . Eu estava testando no JSFiddle . O contêiner divestá vermelho. que não está aparecendo. Por
É 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,...
Existe alguma maneira de desabilitar todos os CSS externos em um navegador (Firefox, Chrome ...)? Ao usar uma conexão de Internet mais lenta, às vezes apenas o HTML básico é carregado pelo navegador sem as informações de CSS. Parece que a página foi colocada em bruto na tela. Você também teria...
Eu preciso mudar o <img>URL da fonte em hover. Eu tentei isso, mas não funcionou: HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle Qualquer ajuda seria apreciada. Atualizar: Isso...
Eu tenho uma página da web simples com algum conteúdo Lipsum centralizado na página. A página funciona bem no Chrome e Firefox. Se eu reduzir o tamanho da janela, o conteúdo preenche a janela até que não possa mais e, em seguida, adiciona uma barra de rolagem e preenche o conteúdo fora da tela, na...
Eu gostaria de retornar uma string com todo o conteúdo de uma regra CSS, como o formato que você veria em um estilo embutido. Eu gostaria de poder fazer isso sem saber o que está contido em uma regra específica, então não posso apenas retirá-los por nome de estilo (como .style.widthetc.) O...
Eu tenho uma barra de navegação com guias onde gostaria que a guia aberta tivesse uma sombra para diferenciá-la das outras guias. Também gostaria que toda a seção da guia tivesse uma única sombra (ver linha horizontal inferior) subindo, sombreando a parte inferior de todas as guias, exceto a...
É possível empilhar vários DIVs como: <div> <div></div> <div></div> <div></div> <div></div> </div> Para que todos os DIVs internos tenham a mesma posição X e Y? Por padrão, todos eles vão abaixo uns dos outros, aumentando a posição Y...
Eu tenho o seguinte código div { width:200px; border-bottom:1px solid magenta; height:50px; } DEMO A largura div é 200px, então border-bottom também é 200px, mas o que devo fazer se quiser que o border-bottom apenas 100px sem alterar a largura
Estou criando um site onde desejo usar o controle deslizante de intervalo (sei que ele só oferece suporte a navegadores webkit). Eu o integrei totalmente e funciona bem. Mas eu gostaria de usar um textboxpara mostrar o valor do slide atual. Quer dizer, se inicialmente o controle deslizante está...
.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Por que isso...
Existe alguma maneira de fazer o oposto de :hover usar apenas CSS? Como em: se :hoverfor on Mouse Enter, há um CSS equivalente a on Mouse Leave? Exemplo: Eu tenho um menu HTML usando itens de lista. Quando passo o mouse sobre um dos itens, há uma animação em cores CSS de #999a black. Como posso...
Perdoe-me, é uma pergunta estúpida, mas preciso de ajuda. Quero mudar a cor da borda de TEXTAREA em foco. mas meu código não parece funcionar corretamente. Veja o código no violino . <form name = "myform" method = "post" action="insert.php" onsubmit="return validateform()"...
O que significa dois pontos duplos ( ::) em CSS? Por exemplo: input[type=text]::-ms-clear { display: none;
Dentro de um <ul>elemento, claramente o espaçamento vertical entre as linhas pode ser formatado com o atributo line-height. Minha pergunta é, dentro de um <ul>elemento, como faço para definir o espaçamento vertical entre os itens da
Tenho uma lista ordenada onde gostaria que o número inicial fosse 6. Descobri que isso era compatível (agora obsoleto) no HTML 4.01. Nesta especificação, eles dizem que você pode especificar o inteiro inicial usando CSS. (em vez do startatributo) Como você especificaria o número inicial com...