Quiero aplicar algunos css para los elementos de entrada y quiero hacerlo solo para las entradas que no están deshabilitadas y no envían el tipo, debajo de css no funciona, tal vez si alguien puede explicarme cómo se debe agregar esto. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0...
Estoy tratando de aplicar el color de fondo cuando el mouse de un usuario pasa el elemento cuyo nombre de clase es "reMode_hover". Pero no quiero cambiar de color si el elemento también tiene"reMode_selected" Nota: Solo puedo usar CSS, no JavaScript porque estoy trabajando en algún tipo de...
¿Hay alguna manera de aplicar el estilo de una clase a solo UN nivel de etiquetas 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...
Ya sé de: último hijo. Pero, ¿hay alguna manera de seleccionar el div: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> NOTA: sin jQuery, solo con
¿Hay alguna diferencia funcional entre el CSS 2.1 :aftery los ::afterpseudo-selectores CSS 3 (aparte de que ::afterno es compatible con navegadores antiguos)? ¿Hay alguna razón práctica para usar la nueva
На этот вопрос есть ответы en Stack Overflow на русском : Как прописать: hover внутри style = ''? ¿Es posible tener pseudo-clases usando estilos en línea? Ejemplo: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Sé que el...
Usando una lista estándar, estoy tratando de seleccionar los últimos 2 elementos de la lista. Tengo varias permutaciones de, An+Bpero nada parece seleccionar los últimos 2: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2)...
¿De qué sirve usar esta sintaxis? div.card > div.name ¿Cuál es la diferencia entre esto? div.card
Acabo de descubrir a Sass y estoy muy entusiasmado con eso. En mi sitio web, implemento un menú de navegación en forma de árbol, diseñado con el combinador secundario ( E > F). ¿Hay alguna forma de reescribir este código con una sintaxis más simple (o mejor) en Sass? #foo > ul > li...
Estoy usando los selectores de jQuery, especialmente el selector de id: $("#elementId")... ¿Cómo debo determinar si jQuery ha encontrado el elemento o no? Incluso si el elemento con la identificación especificada no existe, la siguiente declaración me da:[object
Estoy intentando usar document.querySelectorAllpara todas las casillas de verificación que tienen el valueatributo establecido. Hay otras casillas de verificación en la página que no se han valueestablecido y el valor es diferente para cada casilla de verificación. Sin embargo, los identificadores...
Investigando la especificidad me topé con este blog: http://www.htmldog.com/guides/cssadvanced/specificity/ Establece que la especificidad es un sistema de puntuación para CSS. Nos dice que los elementos valen 1 punto, las clases valen 10 puntos y las ID valen 100 puntos. También va en la parte...
No puedo distinguir la diferencia entre element:first-childyelement:first-of-type Por ejemplo, digamos que tenía un div div:first-child → Todos los <div>elementos que son el primer hijo de su padre. div:first-of-type → Todos los <div>elementos que son el primer <div>elemento de...
Puedo hacer esto: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Es decir, puedo recuperar con éxito todos los hijos directos del myDivelemento que tienen clase .foo. El problema es que me...
¿Hay alguna forma de seleccionar cada enésimo niño que coincida (o no) con un selector arbitrario ? Por ejemplo, quiero seleccionar todas las filas impares de la tabla, pero dentro de un subconjunto de filas: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr>...
¿Hay algo como! = (No igual) en CSS? por ejemplo, tengo el siguiente código: input { ... ... } pero para algunas entradas necesito anular esto. Me gustaría hacer eso agregando la clase "reset" a la etiqueta de entrada, por ejemplo <input class="reset" ... /> y luego simplemente omita...
¿Es posible tener múltiples :beforepseudos para el mismo elemento? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Estoy tratando de aplicar los estilos anteriores al mismo elemento usando jQuery, pero solo se aplica el más...
He notado que los botones y otros elementos tienen un estilo predeterminado y se comportan en 3 pasos: vista normal, vista de desplazamiento / enfoque y vista de mouse / clic, en CSS puedo cambiar el estilo de la vista normal y la vista de desplazamiento de esta manera: button{ background:#333;...
¿Existe un selector de CSS para seleccionar este elemento por su valor de atributo de estilo en línea? <div style='display:block'>...</div> algo
Tengo el siguiente código HTML en una página: <h4>Some text</h4> <p> Some more text! </p> En mi .csstengo el siguiente selector para diseñar el h4elemento. El código HTML anterior es solo una pequeña parte de todo el código; hay varios divs más envueltos en pertenecer a un...