Articles of css

Por que o seletor h3: nth-child (1): contains (‘a’) funciona?

Eu verifico este seletor: h3:nth-child(1):contains(‘a’) seletor não funciona? Eu verifico isto em firefinder e não retorno nada (não informação que há zero elementos) Então verifique isso: h3:nth-child(1) e retorna h3, então o seletor é quase bom, mas algo com esse texto (h3 tem texto ‘a’) dá errado.

O que é o WebKit e como ele está relacionado ao CSS?

Mais recentemente, tenho visto perguntas com a tag “webkit“. Geralmente, essas perguntas tendem a ser perguntas baseadas na web relacionadas a CSS, jQuery, layouts, problemas de compatibilidade entre colors, etc … Então, o que é esse “webkit” e como ele se relaciona com CSS? Eu também notei muitas propriedades -webkit-… no código-fonte para vários sites. […]

Qual é a diferença entre width, innerWidth e outerWidth, height, innerHeight e outerHeight em jQuery

Eu escrevi alguns exemplos para ver qual é a diferença, mas eles me mostram os mesmos resultados para largura e altura. $(document).ready(function(){ var div = $(‘.test’); var width = div.width(); // 200 px var innerWidth = div.innerWidth(); // 200px var outerWidth = div.outerWidth(); // 200px var height = div.height(); // 150 px var innerHeight = […]

Como usar o ‘hover’ no CSS

Eu usei o código abaixo para cumprir este objective: Quando o mouse passa na âncora, o sublinhado sai, mas não funcionou click a .hover :hover{ text-decoration:underline; } Qual é a versão certa para fazer isso?

Desativar os botões de rotação do webkit na input type = “number”?

Eu tenho um site que é principalmente para usuários móveis, mas também para desktop. No Mobile Safari, o uso de funciona muito bem, pois traz o teclado numérico nos campos de input que devem conter apenas números. No Chrome e Safari, no entanto, usando inputs numéricas exibe botões de rotação no lado direito do campo, […]

Camada de colors semitransparente sobre a imagem de fundo?

Eu tenho um DIV e gostaria de colocar um padrão como pano de fundo. Esse padrão é cinza. Então, para torná-lo um pouco mais legal, eu gostaria de colocar uma “camada” de colors claras e transparentes. Abaixo está o que eu tentei, mas que não funcionou. Existe uma maneira de colocar a camada colorida sobre […]

Centralizar um elemento no Bootstrap 4 Navbar

Não importa o que eu tente, não posso centrar algo no Bootstrap navbar, alguma solução para isso? Eu tentei adicionar um div, usando margin:0 auto; ou margin-right:auto; margin-left:auto; margin-right:auto; margin-left:auto; , usado class de center-block . Nada funciona, porque é tão difícil conseguir algo tão simples? Eu não consigo entender, o que estou fazendo errado? […]

Botão de Upload de Elemento de Arquivo de Formulário do Twitter Bootstrap

Por que não há um botão de upload de elementos de arquivo para o bootstrap do twitter? Seria legal se o botão principal azul fosse implementado para o botão de upload. É possível até mesmo finesse o botão de upload usando CSS? (parece um elemento de navegador nativo que não pode ser manipulado)

por que o javascript this.style retorna uma string vazia?

por que this.style[property] recebe uma string vazia? meu código é: Demo #test{ height:100px; } .tclass{ width:100px; } function $(ID){ var element=document.getElementById(ID||’nodId’); if(element){ element.css=css; } return element; } function css(prop,value){ if(value==null){ return this.style[prop]; } if(prop){ this.style[prop]=value; } return true; } window.onload=function(){ var element=$(“test”); alert(element.css(“height”)+”,”+element.css(“width”)+”,”+element.css(“background”)); //alert ,,#ccc }; Test este código alerta ,,#ccc , mas eu quero […]

Como posso selecionar um enésimo filho sem conhecer o elemento pai?

Não consigo descobrir uma maneira de selecionar o enésimo elemento, último elemento ou primeiro elemento nos casos em que não conheço o elemento pai. existe nth-child , mas apenas para crianças, por exemplo: One Two p:last-child seleciona o parágrafo “Dois” e p:first-child seleciona o parágrafo “Um”. Mas e quando eu tenho código dynamic e não […]