Articles of css selectores

Selector CSS para <input type = "?"

¿Hay alguna manera con CSS para apuntar 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 cuadros de texto, pero no quiero que mis casillas obtengan ese color. Sé que puedo hacer esto con clases separadas, pero prefiero […]

¿Cómo solo mostrar ciertas partes con CSS para Imprimir?

Tengo una página con muchos datos, tablas y contenido. Quiero hacer una versión impresa que solo muestre muy pocas cosas seleccionadas. En lugar de escribir otra página solo para imprimir, estaba leyendo sobre la función de CSS para “@media print”. Primero, ¿qué navegadores lo admiten? Como se trata de una función interna, está bien si […]

MENOS CSS: abusando de & Operator cuando anida?

Less usa el operador & para mejorar las posibilidades de anidación . .header { color: black; .navigation { font-size: 12px; &.class { text-decoration: none } } } que causa una sustitución de & con el selector principal y da como resultado una concatenación del selector real al selector principal: .header .navigation.class lugar de .header .navigation.class […]

: nth-of-type () en jQuery / Sizzle?

Me sorprendió que Sizzle (el motor selector que utiliza jQuery) viene con un selector incorporado :nth-child() , pero carece de un selector de :nth-of-type() . Para ilustrar la diferencia entre :nth-child() y :nth-of-type() y para ilustrar el problema, considere el siguiente documento HTML : :nth-of-type() in Sizzle/jQuery? body p:nth-of-type(2n) { background: red; } The following […]

¿Debo usar CSS: selector de atributo de pseudoclase desactivada o o es una cuestión de opinión?

Estoy intentando diseñar una entrada deshabilitada. Puedo usar: .myInput[disabled] { } o .myInput:disabled { } ¿El selector de atributos es la forma moderna de CSS3 y la forma de avanzar? Solía ​​usar la pseudoclase, pero no puedo encontrar ninguna información sobre si son antiguos y no serán compatibles o si ambos son iguales y puedes […]

¿Cuál es la diferencia entre los selectores de atributo pipe (|) y caret (^)?

En W3Schools declaran ambos | y ^ significa: Seleccione un elemento con un atributo que comience con un valor especificado . Entonces, ¿cuál es la diferencia?

Elemento hijo de estilo cuando se coloca el cursor sobre el elemento primario

Cómo cambiar el estilo del elemento secundario cuando hay un elemento emergente en el elemento principal. Preferiría una solución de CSS para esto si es posible. ¿Hay alguna solución posible a través de: activa los selectores de CSS. De hecho, necesito cambiar el color de la barra de opciones dentro de un panel cuando hay […]

¿Qué es este selector de CSS?

Vi este selector en Twitter Bootstrap: .show-grid [class*=”span”] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } ¿Alguien sabe cómo se llama esta técnica y qué hace?

¿Los paréntesis están permitidos en los selectores de CSS?

En el siguiente ejemplo, quiero crear una regla de CSS que se aplique solo al encabezado con el texto “Blockhead”. Blockhead Clay rules ¿Puedo usar paréntesis, como (.gumby > .pokey) + h3 ? Si no, ¿cuál es mi alternativa?

jquery enésimo niño que actualmente está visible

Puedo diseñar cada 4 div ‘elemento’ como así jQuery(“.item:nth-child(4n)”).addClass(“fourth-item”); y eso funciona bien, pero luego escondo algunos elementos, muestro algunos otros y quiero volver a hacer este estilo, pero solo el estilo de cada 4 artículo que es visible. Así que tengo una función que eliminará este estilo y volverá a aplicarlo, pero debo especificar […]