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
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...
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...
He creado una hoja de estilo CSS para mi proyecto. ¿Hay alguna forma de que pueda crear una regla CSS que se aplique a todos los elementos de la tabla EXCEPTO los elementos de la tabla que pertenecen a la clase "dojoxGrid"? Algo como: .not(dojoxGrid) table{ width:100%; border-top:1px solid...
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...
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...
Por lo que tengo entendido, la especificación HTML5 le permite usar ID que son números como este. <div id="1"></div> <div id="2"></div> Puedo acceder a estos bien usando getElementByIdpero no con querySelector. Si intento hacer lo siguiente, obtengo SyntaxError: DOM...
Cosas como a:linko div::after... La información sobre la diferencia parece escasa.
¿Cómo puedo seleccionar los elementos de enlace solo del padre <ul>de una lista como esta? <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a...
Me lo estoy pasando genial con este selector de CSS en particular que no quiere funcionar cuando lo agrego :not(:empty). Parece funcionar bien con cualquier combinación de los otros selectores: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } Si quito la...
Con el siguiente marcado, quiero que un selector de CSS seleccione todo menos el primer menú de selección dentro de cada div de opciones, de los cuales puede haber muchos: <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option...
Tengo una pregunta. Tengo elementos como este: <a> elemento con id = someGenerated Some: Same: 0: name <a> elemento con id = someGenerated Algunos: Igual: 0: apellido <a> elemento con id = someGenerated Some: Same: 1: name <a> elemento con id = someGenerated Some:...
¿Existe un selector de CSS que se aplique a los atributos no vacíos ? También se usan :not([Data-Attribute=''])coincidencias si el atributo no existe . Estoy buscando algo como [Data-Attribute!=''].
La forma en que w3schools lo expresa , suenan igual. Referencia CSS de W3Schools div + p Selecciona todos los <p>elementos que se colocan inmediatamente después de los <div>elementos. div ~ p Selecciona todos los <p>elementos que están precedidos por un...
Sé que puedo apuntar a elementos que tienen un atributo específico en CSS, por ejemplo: input[type=text] { font-family: Consolas; } Pero, ¿es posible apuntar a elementos que tienen un atributo de cualquier valor (excepto nada, es decir, cuando el atributo no se ha agregado al...
Esto selecciona todas las <B>etiquetas precedidas directamente por <A>etiquetas: A+B { /* styling */ } ¿Cuál es el selector para todas las <A>etiquetas seguidas directamente por <B>etiquetas? Aquí hay un ejemplo de HTML que se ajusta a mi pregunta: <a>some...
¿Cómo aplico un efecto de desplazamiento sobre un aelemento, pero no a un aelemento con la clase?active ? a:hover(not: .active) Parece que falta algo.
Tengo una clase .objectque tiene un atributo llamado level. Quiero obtener una lista de todos los valores diferentes de levelen la página para poder seleccionar el más alto. Si hago algo como: $(".object").attr("level") ... ¿eso me dará una lista de valores que son los valores del atributo...
¿Hay alguna forma de aplicar estilo al <option>elemento seleccionado actualmente en un <select>elemento? Entonces, ¿podría dar un color de fondo al elemento de opción seleccionado actualmente? De esa manera, puedo diseñar la opción que se puede ver actualmente en el menú desplegable...
Encontré un ejemplo de plantillas de correo electrónico receptivas donde hay selectores de CSS como los siguientes: a[class="btn"] ¿Por qué se usa esta sintaxis si es totalmente la misma que: a.btn ¿Tiene algún impacto en los navegadores móviles o en cualquier otra cosa?...