Perguntas com a marcação «css»

Tenho um caso em que devo escrever código CSS embutido e quero aplicar um estilo de foco instantâneo em uma âncora. Como posso usar a:hoverCSS embutido dentro do atributo de estilo HTML? Por exemplo, você não pode usar classes CSS de maneira confiável em emails em HTML.

1017 html  css  inline-styles 

Como você usa a propriedade CSS content para adicionar entidades HTML ? Usar algo assim apenas imprime  na tela em vez do espaço ininterrupto: .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

Como obter informações sobre o Stack Overflow no Stack Overflow : Clique aqui para limparFix Recentemente, eu estava olhando o código de algum site e vi que todos <div> tinham uma classe clearfix. Após uma rápida pesquisa no Google, soube que às vezes é para o IE6, mas o que …

1004 html  css  layout  cross-browser  clearfix 

Percebi que alguns navegadores (em particular, Firefox e Opera) são muito zelosos ao usar cópias em cache de arquivos .css e .js , mesmo entre as sessões do navegador. Isso causa um problema quando você atualiza um desses arquivos, mas o navegador do usuário continua usando a cópia em cache. …

993 javascript  css  caching  auto-versioning 

Existe uma maneira consistente entre os navegadores para ocultar as novas caixas de rotação que alguns navegadores (como o Chrome) processam para entrada HTML do número do tipo? Estou procurando um método CSS ou JavaScript para impedir que as setas para cima / para baixo apareçam. <input id="test" type="number">

984 javascript  css  html  input  numbers 

Estou usando o Bootstrap. Como posso criar três colunas da mesma altura? Aqui está uma captura de tela do problema. Gostaria que as colunas azuis e vermelhas tivessem a mesma altura que a coluna amarela. Aqui está o código: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: …

965 css  twitter-bootstrap 

Preciso de ajuda para sobrepor um indivíduo diva outro div. Meu código fica assim: <div class="navi"></div> <div id="infoi"> <img src="info_icon2.png" height="20" width="32"/> </div> Infelizmente não consigo aninhar o div#infoiou o img, dentro do primeiro div.navi. Tem que haver dois divs separados, como mostrado, mas preciso saber como colocar o lado …

958 html  css  position  overlay 

Eu tenho vários elementos com um nome de classe red, mas não consigo selecionar o primeiro elemento class="red"usando a seguinte regra CSS: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Executar snippet de códigoOcultar resultadosExpandir snippet O que há de errado nesse seletor e como corrigi-lo? Graças …

947 css  css-selectors 

Existe alguma maneira de selecionar / manipular pseudoelementos CSS como ::beforee ::after(e a versão antiga com um ponto e vírgula) usando o jQuery? Por exemplo, minha folha de estilo tem a seguinte regra: .span::after{ content:'foo' } Como posso mudar 'foo' para 'bar' usando o jQuery?

943 javascript  jquery  css  jquery-selectors  pseudo-element 

Em inúmeros locais online, vi a recomendação de incluir CSS antes do JavaScript. O raciocínio é geralmente, desta forma : Quando se trata de pedir seu CSS e JavaScript, você deseja que seu CSS seja o primeiro. O motivo é que o encadeamento de renderização possui todas as informações de …

897 javascript  css  performance 

Estou usando o Twitter Bootstrap 3 e tenho problemas quando quero alinhar verticalmente dois div, por exemplo - link JSFiddle : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> <div …

889 html  css  twitter-bootstrap  twitter-bootstrap-3 

Estou mudando CSS com jQuery e desejo remover o estilo que estou adicionando com base no valor de entrada: if(color != '000000') $("body").css("background-color", color); else // remove style ? Como posso fazer isso? Observe que a linha acima é executada sempre que uma cor é selecionada usando um seletor de …

868 javascript  jquery  css  background 

Eu tenho o antigo problema de divenvolver um layout de duas colunas. Minha barra lateral está flutuando; portanto, meu contêiner divfalha ao quebrar o conteúdo e a barra lateral. <div id="container"> <div id="content"></div> <div id="sidebar"></div> </div> Parece haver vários métodos para corrigir o bug claro no Firefox: <br clear="all"/> overflow:auto …

864 css  clearfix 

Eu tenho um divconjunto para display:block( 90px heighte width) e tenho algum texto dentro. Preciso que o texto seja alinhado no centro tanto vertical quanto horizontalmente. Eu tentei text-align:center, mas não faz a parte horizontal, então tentei vertical-align:middle, mas não funcionou. Alguma ideia?

862 html  css 

Procurando pelo ~personagem não é fácil. Eu estava olhando um pouco de CSS e encontrei isso .check:checked ~ .content { } O que isso significa?

858 css  css-selectors