Eu tenho o seguinte código HTML em uma página: <h4>Some text</h4> <p> Some more text! </p> No meu .css, tenho o seguinte seletor para estilizar o h4elemento. O código HTML acima é apenas uma pequena parte de todo o código; há vários divoutros agrupados pertencentes a uma...
Encontrei o seguinte seletor CSS na folha de estilo do agente do usuário do Google Chrome: [type="checkbox" i] O que isso
Existe alguma maneira de LESS aplicar o seletor filho imediato (>) em sua saída? No meu estilo. Menos, quero escrever algo como: .panel { ... > .control { ... } } e fazer com que LESS gere algo como: .panel > .control { ...
position: sticky funciona em alguns navegadores móveis agora, então você pode fazer uma barra de menu rolar com a página, mas depois manter a parte superior da janela de visualização sempre que o usuário rolar por ela. Mas e se você quiser dar um novo estilo à sua barra de menu fixa sempre que ela...
Eu sei que existe uma pseudoclasse CSS3 oficial :checked, mas existe uma :uncheckedpseudoclasse e elas têm o mesmo suporte para navegador? A referência do Sitepoint não menciona nenhum, no entanto, esta especificação whatwg (seja lá o que for) faz. Eu sei que o mesmo resultado pode ser alcançado...
Como o IE7 e o IE8 não suportam a notação de dois pontos duplos para pseudo-elementos (por exemplo, ::afterou ::first-letter), e como os navegadores modernos suportam a notação de dois pontos (por exemplo :after) para compatibilidade com versões anteriores, devo usar apenas a notação de dois pontos...
Meu objetivo é aplicar o CSS no último li, mas não faz isso. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def"...
Existe alguma maneira com o CSS de direcionar todas as entradas com base em seu tipo? Eu tenho uma classe desativada que uso em vários elementos de formulário desativados e estou definindo a cor de fundo para as caixas de texto, mas não quero que minhas caixas de seleção tenham essa cor. Eu sei...
Estou fazendo um site muito avançado. Minha pergunta: É possível selecionar todas as outras crianças, exceto para o :first-childe o :last-child? Eu sei que há um :not()seletor, mas ele não funciona com mais de um que não esteja entre parênteses. Isso é o que eu tenho: #navigation ul...
Qual é a diferença entre esses dois seletores? .classA.classB { border: 1px solid; } .classA .classB { border: 1px
Como identifico caixas de texto vazias usando jQuery? Eu gostaria de fazer isso usando seletores, se possível. Além disso, devo selecionar o id, pois no código real onde desejo usá-lo, não desejo selecionar todas as entradas de texto. Em meus dois exemplos de código a seguir, o primeiro exibe com...
Isso me incomoda que eu não consigo fazer apenas document.querySelectorAll(...).map(...)no Firefox 3.6, e ainda não consigo encontrar uma resposta, então pensei em fazer uma postagem cruzada no SO a pergunta deste
Se eles existirem na programação), Se eu tiver um formulário HTML com as seguintes entradas: <input type="text" /> <input type="password" /> <input type="checkbox" /> Quero aplicar um estilo a todas as entradas que sejam type="text"ou type="password". Alternativamente, eu me...
Estou tendo problemas com aninhamento em Sass. Digamos que eu tenha o seguinte HTML: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Quando tento aninhar meus estilos no seguinte, recebo um erro de...
Eu preciso usar o seletor de atributos no css para alterar o link em cores e imagens diferentes, mas não funciona. Eu tenho este html: <a href="/manual.pdf">A PDF File</a> E este css: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma;...
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...
Aqui está um exemplo que não entendo: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Parece-me que isso width: 460pxse aplica a todas as classes acima mencionadas. Mas por que algumas classes são separadas por uma vírgula ( ,) e outras apenas por um espaço? Suponho que...
Recentemente me deparei * *com CSS . Referência do site - Link do site . Para um único *uso na folha de estilo CSS, Internet e Stack Overflow são inundados com exemplos, mas não tenho certeza sobre o uso de dois * *símbolos em CSS. Pesquisei no Google, mas não consegui encontrar nenhuma...
Estou tentando selecionar o primeiro h1dentro de um divcom uma classe chamada detail_container. Funciona se h1for o primeiro elemento dentro disso div, mas se vier depois disso ul, não funcionará. <style type="text/css"> .detail_container h1:first-child { color:blue; }
Quero adicionar um div como primeiro elemento usando jquery a cada clique de um botão <div id='parent-div'> <!--insert element as a first child here ...--> <div class='child-div'>some text</div> <div class='child-div'>some text</div> <div...