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...
Encontré el siguiente selector de CSS en la hoja de estilo del agente de usuario de Google Chrome: [type="checkbox" i] ¿Qué
¿Hay alguna forma de que LESS aplique el selector secundario inmediato (>) en su salida? En mi estilo. Sin, quiero escribir algo como: .panel { ... > .control { ... } } y haz que MENOS genere algo como: .panel > .control { ...
posición: pegajosa funciona ahora en algunos navegadores móviles, por lo que puede hacer que una barra de menú se desplace con la página, pero luego se quede en la parte superior de la ventana gráfica cada vez que el usuario se desplace más allá de ella. Pero, ¿qué pasa si desea cambiar un poco el...
Sé que hay una pseudoclase CSS3 oficial :checked, pero ¿existe una :uncheckedpseudoclase y tienen el mismo soporte de navegador? La referencia de Sitepoint no menciona uno, sin embargo, esta especificación de whatwg (sea lo que sea) sí. Sé que el mismo resultado se puede lograr cuando los :checkedy...
Dado que IE7 e IE8 no admiten la notación de dos puntos para pseudoelementos (por ejemplo, ::aftero ::first-letter), y dado que los navegadores modernos admiten la notación de dos puntos (por ejemplo :after) para compatibilidad con versiones anteriores, ¿debería usar únicamente la notación de dos...
Mi objetivo es aplicar CSS en el último li, pero no hace eso. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def"...
¿Hay alguna forma con CSS para apuntar a todas las entradas según su tipo? Tengo una clase deshabilitada que uso en varios elementos de formulario deshabilitados y estoy configurando el color de fondo para los cuadros de texto, pero no quiero que mis casillas de verificación obtengan ese color. Sé...
Estoy haciendo un sitio web muy avanzado. Mi pregunta: ¿Es posible seleccionar todos los demás hijos excepto el :first-childy el :last-child? Sé que hay un :not()selector, pero no funciona con más de uno que no esté entre paréntesis. Esto es lo que tengo: #navigation ul li:not(:first-child,...
¿Cuál es la diferencia entre estos dos selectores? .classA.classB { border: 1px solid; } .classA .classB { border: 1px
¿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...
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
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...
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...
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...
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;...
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 orange } * * * * { outline: 2px dotted...
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...
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 pude encontrar ninguna...
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; }...