Preguntas etiquetadas con css-selectors

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 2px 0 #0066FF; -webkit-box-shadow:0 0 4px …

138 css  css-selectors  pseudo-class 

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 entorno limitado. …

137 html  css  css-selectors 

¿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 <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>

136 css  css-selectors 

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 CSS

135 html  css  css-selectors 

¿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 especificación?

133 css  css-selectors  pseudo-element  pseudo-class 

На этот вопрос есть ответы 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 HTML anterior no funcionará, pero ¿hay algo similar que lo haga? PD: Sé que debería usar una …

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

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) {} /* selects first two only */ li:nth-child(-n-2) …

130 css  css-selectors 

¿De qué sirve usar esta sintaxis? div.card > div.name ¿Cuál es la diferencia entre esto? div.card div.name

127 css  css-selectors 

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 …

126 css  css-selectors  sass 

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 Object] alert($("#idThatDoesnotexist"));

126 jquery  css-selectors 

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 superior decir que estos puntos se …

124 css  css-selectors  css-specificity 

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 y nombres no son únicos. Ejemplo: <input type="checkbox" id="c2" …

124 javascript  css-selectors  selectors-api 

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 su padre. Esto parece exactamente lo mismo, pero funcionan de manera diferente. …

124 css  css-selectors 

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 molesta que deba incluir el #myDiven el selector, porque estoy ejecutando la consulta en el …

119 javascript  dom  css-selectors 

¿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> <td>Row <tr class="row"> <!-- I want this …

117 css  css-selectors