Perguntas com a marcação «css-selectors»

Desejo aplicar algumas CSS para elementos de entradas e quero fazer isso apenas para entradas que não estão desabilitadas e não são do tipo de envio, abaixo de css não está funcionando, talvez se alguém puder me explicar como isso deve ser adicionado. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 …

138 css  css-selectors  pseudo-class 

Estou tentando aplicar a cor de fundo quando um mouse de usuário passa o mouse sobre o elemento cujo nome da classe é "reMode_hover". Mas não quero mudar de cor se o elemento também tiver"reMode_selected" Nota: Só posso usar CSS e não javascript porque estou trabalhando em algum tipo de …

137 html  css  css-selectors 

Existe uma maneira de aplicar o estilo de uma classe a apenas UM nível de tags td? <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>

136 css  css-selectors 

Eu já sei: último filho. Mas existe uma maneira de selecionar a div: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> NOTA: sem jQuery, apenas com CSS

135 html  css  css-selectors 

Existe alguma diferença funcional entre os pseudo-seletores CSS 2.1 :aftere CSS 3 ::after(além de ::afternão ser suportado em navegadores antigos)? Existe algum motivo prático para usar a especificação mais recente?

133 css  css-selectors  pseudo-element  pseudo-class 

Como fazer o upload de arquivos em Stack Overflow em um arquivo : Como criar um arquivo: hover внутри style = ''? É possível ter pseudo-classes usando estilos embutidos? Exemplo: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Eu sei que o HTML acima não funcionará, mas há algo semelhante que funcionará? PS: Eu sei …

131 html  css  css-selectors  pseudo-class  inline-styles 

Usando uma lista padrão, estou tentando selecionar os dois últimos itens da lista. Eu tenho várias permutações de, An+Bmas nada parece selecionar os dois últimos: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} …

130 css  css-selectors 

Qual é o sentido de usar essa sintaxe div.card > div.name Qual é a diferença entre isso div.card div.name

127 css  css-selectors 

Estou usando os seletores do jQuery, especialmente o seletor de identificação: $("#elementId")... Como devo determinar se o jQuery encontrou o elemento ou não? Mesmo que o elemento com o ID especificado não exista, a próxima instrução me fornecerá:[object Object] alert($("#idThatDoesnotexist"));

126 jquery  css-selectors 

Acabei de descobrir Sass e estou muito empolgado com isso. No meu site, implemento um menu de navegação semelhante a uma árvore, estilizado usando o combinador filho ( E > F). Existe alguma maneira de reescrever esse código com uma sintaxe mais simples (ou melhor) no Sass? #foo > ul …

125 css  css-selectors  sass 

Pesquisando a especificidade, me deparei com este blog - http://www.htmldog.com/guides/cssadvanced/specificity/ Ele afirma que a especificidade é um sistema de pontuação para CSS. Diz-nos que os elementos valem 1 ponto, as classes valem 10 pontos e os IDs valem 100 pontos. Além disso, também diz que esses pontos são totalizados e …

124 css  css-selectors  css-specificity 

Estou tentando usar document.querySelectorAllpara todas as caixas de seleção que possuem o valueatributo definido. Existem outras caixas de seleção na página que não foram valuedefinidas e o valor é diferente para cada caixa de seleção. Os IDs e nomes não são exclusivos. Exemplo: <input type="checkbox" id="c2" name="c2" value="DE039230952"/> Como faço …

124 javascript  css-selectors  selectors-api 

Eu não posso dizer a diferença entre element:first-childeelement:first-of-type Por exemplo, digamos, você teve um div div:first-child → Todos os <div>elementos que são os primeiros filhos de seus pais. div:first-of-type → Todos os <div>elementos que são o primeiro <div>elemento de seu pai. Parece exatamente a mesma coisa, mas funcionam de forma …

124 css  css-selectors 

Eu sou capaz de fazer isso: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Ou seja, posso recuperar com êxito todos os filhos diretos do myDivelemento que possuem classe .foo. O problema é que me incomoda que eu deva incluir o #myDivno seletor, porque estou executando a …

119 javascript  dom  css-selectors 

Existe algo como! = (Diferente) em CSS? por exemplo, eu tenho o seguinte código: input { ... ... } mas, para algumas entradas, preciso anular isso. Eu gostaria de fazer isso adicionando a classe "reset" à tag de entrada, por exemplo <input class="reset" ... /> e simplesmente pule esta tag …

116 html  css  css-selectors