Articles of css selectores

¿Cómo puedo seleccionar un enésimo hijo sin conocer el elemento padre?

No puedo encontrar una manera de seleccionar el enésimo elemento, el último elemento o el primer elemento en los casos en que no conozco el elemento principal. nth-child existe, pero solo para niños, por ejemplo: One Two p:last-child selecciona el párrafo “Two”, y p:first-child selecciona el párrafo “One”. Pero, ¿qué pasa cuando tengo un código […]

: el selector not () no se comporta de la misma manera entre Safari y Chrome / Firefox

Me está costando trabajo descifrar por qué el siguiente código se muestra en azul en Safari, pero en rojo en Chrome y Firefox. em:not(div) { color: red } em:not(p div) { color: blue } FOO https://jsfiddle.net/hzcLpf9L/ Aparentemente parece que Chrome y Firefox no son compatibles con :not() selectores de CSS con múltiples niveles en ellos. […]

¿Debo usar notación de dos puntos simple o doble para los pseudo-elementos?

Dado que IE7 e IE8 no admiten la notación de dos puntos para los pseudoelementos (por ejemplo, ::after o ::first-letter ), y dado que los navegadores modernos admiten la notación de un solo punto (por ejemplo, :after ) para la compatibilidad con versiones anteriores, Uso solo la notación de un solo punto y cuando la […]

SASS: selecciona aleatoriamente la imagen de fondo de una lista

Necesito dar salida a esto: #footer-widgets .container .row { background-image: url(“RANDOMLY PICKED”); background-position: right bottom; background-repeat: no-repeat; } … y debería haber una lista con 4 o 5 enlaces a las imágenes de fondo reales ( http://sofes.miximages.com/css/image.png ) para elegir. ¿Cómo puedo hacer esto con SASS?

Reemplazo de imagen de Checkbox CSS puro

Tengo una lista de casillas en una mesa. (uno de varios CB en la fila)         Me gustaría reemplazar la imagen de la checkbox con un par de imágenes personalizadas de encendido / apagado y me preguntaba si alguien tenía una mejor comprensión de cómo hacer esto con CSS. Encontré este tutorial […]

Manejo de dos puntos en un ID de elemento en un selector de CSS

JSF está configurando el ID de un campo de entrada en search_form:expression . Necesito especificar un poco de estilo en ese elemento, pero ese punto se parece al comienzo de un pseudo-elemento para el navegador, por lo que se marca como no válido e ignorado. ¿Hay alguna forma de escapar del colon o algo así? […]

Coincidencia de un cuadro de entrada vacío usando CSS

¿Cómo aplico un estilo a un cuadro de entrada vacío? Si el usuario escribe algo en el campo de entrada, el estilo ya no debería aplicarse. ¿Es esto posible en CSS? Intenté esto: input[value=””]

Selectores de atributos CSS: las reglas sobre las comillas (“,” o ninguno?)

Esta pregunta me ha estado molestando por un tiempo. Al escribir un selector de CSS que se compare con el atributo de un elemento como ese. a[rel=”nofollow”] Nunca sé lo que debería hacer con las comillas. ¿Son realmente necesarios? Básicamente, ¿cuál es la especificación para esto porque no puedo encontrarlo en el sitio web? ¿Todos […]

¿Se supone que el selector CSS: not () funciona con descendientes lejanos?

Aquí está la documentación oficial de la pseudo clase CSS3 :not() : http://www.w3.org/TR/css3-selectors/#negation y la mejora propuesta de CSS Selectors Level 4: http://dev.w3.org/csswg/selectors4/#negation He estado buscando la implementación y el soporte del navegador para :not() , pero los únicos ejemplos que encontré fueron con un solo elemento o con un elemento directo de un elemento, […]

Selector jQuery o CSS para seleccionar todas las ID que comienzan con alguna cadena

¿Cómo puedo seleccionar todos los elementos cuya id comienza con “player_”? Tengo varios elementos como este: text Cada id tiene un sello único en ella. ¿Cómo puedo seleccionar todos esos elementos, ya sea con jQuery o con CSS puro?