Nota: Esta questão é relevante apenas para Grunt 0.3.xe foi deixada para referência. Para obter ajuda com a versão mais recente do Grunt 1.x, consulte meu comentário abaixo desta pergunta. Atualmente, estou tentando usar Grunt.js para configurar um processo de compilação automático para primeiro...
Tenho uma marcação que usa estilos embutidos, mas não tenho acesso para alterar essa marcação. Como faço para substituir estilos embutidos em um documento usando apenas CSS? Não quero usar jQuery ou JavaScript. HTML: <div style="font-size: 18px; color: red;"> Hello World, How Can I Change...
Estou criando um formulário de registro para um site. Quero que cada rótulo e seu elemento de entrada correspondente apareçam na mesma linha. Este é meu código: #form { background-color: #FFF; height: 600px; width: 600px; margin-right: auto; margin-left: auto; margin-top: 0px;...
Estou tentando fazer uma fonte em um div responsivo à janela do navegador. Até agora, funcionou perfeitamente, mas o div pai tem um max-widthde 525px. Redimensionar ainda mais o navegador não fará com que a fonte pare de redimensionar. Isso me fez pensar se existe tal coisa como min-font-sizeou...
Usando o Thymeleaf como mecanismo de modelo, é possível adicionar / remover dinamicamente uma classe CSS de / para um simples divcom a th:ifcláusula? Normalmente, eu poderia usar a cláusula condicional da seguinte maneira: <a href="lorem-ipsum.html" th:if="${condition}">Lorem...
Estou usando o Font Awesome e não desejo adicionar CSS com HTTP. Eu baixei o Font Awesome e o incluí em meu código, mas o Font Awesome está mostrando uma caixa quadrada com borda em vez de um ícone. Aqui está o meu código: <html> <head> <link rel="stylesheet"...
Eu gostaria de colocar uma barra branca que ocupasse toda a largura na parte inferior da tela. Para isso, pensei em usar o absoluteposicionamento com os flexboxparâmetros herdados . Com o seguinte código torna algo como este . Aqui está o meu código: var NavigationBar = React.createClass({...
Como você pode obter um evento hover ou um evento ativo no ReactJS ao fazer estilização embutida? Descobri que a abordagem onMouseEnter, onMouseLeave tem bugs, então espero que haja outra maneira de fazer isso. Especificamente, se você passar o mouse sobre um componente muito rapidamente,...
Percebi que isso é impossível de se conseguir usando o Flexbox, já que cada linha pode ter apenas a altura mínima necessária para ajustar seus elementos, mas isso pode ser alcançado usando o CSS Grid mais recente? Para ser claro, eu quero altura igual para todos os elementos em uma grade em todas...
Quero criar um botão de alternância em html usando css. Eu quero que quando você clicar nele, ele permaneça empurrado para dentro e quando você clicar nele novamente, ele saia. Se não houver maneira de fazer isso apenas usando css. Existe uma maneira de fazer isso usando
Digamos que a regra seja a seguinte: .largeField { width: 65%; } Existe uma maneira de obter '65% 'de volta de alguma forma, e não o valor do pixel? Obrigado. EDIT: Infelizmente, o uso de métodos DOM não é confiável no meu caso, pois tenho uma folha de estilo que importa outras folhas de...
Acontece que eu vi um divque tinha o estilo clear:both! Qual é a utilidade de clearem style? <div
Eu encontrei este código CSS e o executei para ver o que ele faz e descreve TODOS os elementos da página, Alguém pode explicar o que o Asterisk * faz no CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted orange } * * * * { outline: 2px...
Qual é a diferença entre as propriedades de exibição e
Por vários motivos, preciso colocar um (principalmente) transparente <div>sobre algum texto. No entanto, isso significa que o texto não pode ser clicado (por exemplo, para clicar em links ou selecioná-lo). Seria possível simplesmente tornar esse div "invisível" para cliques e outros eventos...
Eu tenho uma extensão simples do Chrome que usa o recurso de script de conteúdo para modificar um site. Mais especificamente, o background-imagedo referido site. Por algum motivo, não consigo usar imagens locais, embora elas estejam incluídas na extensão. body { background: #000 url('image.jpg')...
Eu tenho dois elementos div absolutamente posicionados que se sobrepõem. Ambos definiram valores de índice z via css. Eu uso a translate3dtransformação do webkit para animar esses elementos fora da tela e, em seguida, de volta na tela. Após a transformação, os elementos não respeitam mais seus...
Quando o texto não tem espaços e tem mais do que o tamanho div de 200px, ele está fluindo A largura é definida como 200px. Coloquei meu código aqui http://jsfiddle.net/madhu131313/UJ6zG/ Você pode ver as fotos editadas abaixo : Eu quero o texto para ir para a próxima
Anteriormente, minha suposição width: autoera de que a largura é definida como a do conteúdo. Agora vejo que ocupa toda a largura do pai. Alguém pode descrever as diferenças entre
Estou migrando meus temas do Bootstrap de v2.3.2 para v3.0.0 e uma coisa que percebi é que muitas dimensões são calculadas de maneira diferente, devido aos seguintes estilos em bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:...