Preguntas etiquetadas con css-selectors

¿Cómo identifico los cuadros de texto vacíos usando jQuery? Me gustaría hacerlo usando selectores si es posible. Además, debo seleccionar una identificación, ya que en el código real donde quiero usar esto, no quiero seleccionar todas las entradas de texto. En los siguientes dos ejemplos de código, el primero muestra …

103 jquery  css-selectors 

Me molesta que no pueda hacerlo document.querySelectorAll(...).map(...)ni siquiera en Firefox 3.6, y todavía no puedo encontrar una respuesta, así que pensé en hacer una publicación cruzada en SO la pregunta de este blog: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ ¿Alguien sabe de una razón técnica por la que no obtienes una matriz? O por qué …

103 javascript  dom  css-selectors 

Tengo un elemento con class='myTestClass'. ¿Cómo aplico un estilo CSS a todos los elementos secundarios de estos elementos? Solo quiero aplicar el estilo a los elementos children. No sus nietos. Podría usar .myTestClass > div { margin: 0 20px; } que funciona para todos los divniños, pero me gustaría una …

102 css  css-selectors 

Si existen en programación), Si tengo un formulario HTML con las siguientes entradas: <input type="text" /> <input type="password" /> <input type="checkbox" /> Quiero aplicar un estilo a todas las entradas que sean type="text"o type="password". Alternativamente, me conformaría con todas las entradas donde type != "checkbox". Parece que tengo que hacer …

101 html  css  css-selectors 

Tengo problemas para anidar en Sass. Digamos que tengo el siguiente HTML: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Cuando intento anidar mis estilos en lo siguiente, aparece un error de compilación: .item { color: black; a& { color:blue; } } ¿Cómo hago referencia a un selector de …

100 sass  css-selectors 

Necesito usar el selector de atributos en css para cambiar el enlace en diferentes colores e imágenes, pero no funciona. Tengo este html: <a href="/manual.pdf">A PDF File</a> Y este CSS: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; …

99 html  css  css-selectors 

Encontré este código CSS y lo ejecuté para ver qué hace y describió CADA elemento en la página, ¿Alguien puede explicar qué hace Asterisk * en CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted …

98 css  css-selectors 

Aquí hay un ejemplo que no entiendo: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Me parece que width: 460pxse aplica a todas las clases mencionadas. Pero, ¿por qué algunas clases están separadas por una coma ( ,) y otras solo por un espacio? Supongo que width: 460pxse aplicará solo …

98 css  css-selectors 

Recientemente me encontré * *en el CSS . Referencia del sitio: enlace del sitio . Para un solo *uso en la hoja de estilo CSS, Internet y Stack Overflow están inundados de ejemplos, pero no estoy seguro de usar dos * *símbolos en CSS. Lo busqué en Google, pero no …

97 html  css  css-selectors 

Quiero agregar un div como primer elemento usando jquery en cada clic de un botón <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 class='child-div'>some text</div> </div>

96 jquery  prepend  css-selectors 

La especificación HTML permite puntos (.) En una identificación: <img id="some.id" /> Sin embargo, el uso de una regla de selección de ID de CSS no coincidirá correctamente: #some.id { color: #f00; } La especificación CSS para selectores de ID no menciona este caso. Entonces, ¿asumo que está usando la …

96 html  css  css-selectors 

Estoy tratando de seleccionar el primero h1dentro de divcon una clase llamada detail_container. Funciona si h1es el primer elemento dentro de esto div, pero si viene después de esto ul, no funcionará. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> …

96 css  css-selectors 

Tengo una función similar a jquery: function(elem) { return $('> someselector', elem); }; La pregunta es ¿cómo puedo hacer lo mismo con querySelector()? El problema es que el >selector querySelector()requiere que el padre se especifique explícitamente. ¿Hay algún trabajo alrededor?

96 javascript  css-selectors  selectors-api 

Tengo algo como: <div id="content> <h1>Welcome to Motor City Deli!</h1> <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div> <div > ... </div> ¿Cuál es el selector css para el segundo div (1er div dentro del div "contenido") de modo que pueda establecer el color de fuente de la fecha dentro …

95 css  css-selectors 

var classes = $(this).attr('class').split(' '); // this gets the current element classes var classes = $(this).parent().attr('class').split(' '); // this gets the parent classes. El padre en la situación anterior es un ankor. Si quisiera obtener el primer DIV principal de $ (esto), ¿cómo se vería el código? var classes = …

95 javascript  jquery  css-selectors