Articles of css selectores

¿Cuál es la diferencia entre css-selector & Xpath? que es mejor (de acuerdo con el rendimiento y para las pruebas de navegador cruzado)?

Estoy trabajando con Selenium WebDriver 2.25.0 en una aplicación web multilingüe y principalmente pruebo el contenido de la página (para diferentes idiomas como árabe, inglés, ruso, etc.). Para mi aplicación, que es mejor según el rendimiento y asegúrese de que sea compatible con todos los navegadores (es decir, IE 7,8,9, FF, Chrome, etc.). Gracias de […]

¿Puede la pseudoclase: not () tener múltiples argumentos?

Estoy tratando de seleccionar elementos de input de todos los type , excepto la radio y la checkbox . Muchas personas han demostrado que puedes poner múltiples argumentos en :not , pero usar el type no parece funcionar de todos modos, lo bash. form input:not([type=”radio”], [type=”checkbox”]) { /* css here */ } ¿Algunas ideas?

Modificar el medio de un selector en Sass (agregar / eliminar clases, etc.)

Tengo el siguiente SCSS para diseñar enlaces en mi menú: nav { ul { li { a { color: red } } } ul.opened { li { a { color: green } } } } Que genera el siguiente (correcto) CSS: nav ul li a { color: red; } nav ul.opened li a { color: […]

¿Cómo selecciono un elemento basado en el estado de otro elemento en la página con CSS?

Tengo elementos que pueden reflejar diferentes estados, ya sea desencadenados por el usuario ( :hover :focus , etc.) o manipulados por el servidor ( data-status=”finished” , disabled , etc.). Puedo apuntar al elemento que tiene un estado cambiado, pero parece que no puedo encontrar una manera de apuntar a otros elementos en el DOM en […]

¿Cómo selecciono el “último hijo” con un nombre de clase específico en CSS?

test1 test2 test3 test4 ¿Cómo selecciono el “último hijo” con el nombre de clase: lista ? ul li.list:last-child{background-color:#000;} Sé que el ejemplo anterior no funciona, pero ¿hay algo similar que funcione? IMPORTANTE: a) No puedo usar ul li:nth-child(3) , porque podría suceder que esté en el cuarto o quinto lugar también. b) Sin JavaScript. ¡Cualquier […]

¿Cómo usar el ID de elemento HTML generado JSF con dos puntos “:” en los selectores de CSS?

He estado trabajando con un proyecto simple de Java EE usando JSF. Traté de establecer CSS a través de #phoneTable { … } , sin embargo, no funciona. Tras la inspección de la fuente HTML en el lado del cliente, parece que la tabla HTML generada por JSF obtiene una ID de cliente en forma […]

Envuelve cada 3 divs en un div

¿Es posible usar selectores nth-child para envolver 3 divs usando .wrapAll ? Parece que no puedo calcular la ecuación correcta. asi que… se convierte …

css3 nth de tipo restringido a la clase

¿Hay alguna forma de limitar el nth-of-type css3 a una clase? Tengo una cantidad dinámica de elementos de section con diferentes clases que designan sus necesidades de diseño. Me gustaría obtener cada 3er .module , pero parece que nth-of-type busca el tipo de elemento de clases y luego calcula el tipo. En cambio, me gustaría […]

Selector de CSS3: primero en su tipo con nombre de clase?

¿Es posible usar el selector CSS3 :first-of-type para seleccionar el primer elemento con un nombre de clase dado? No he tenido éxito con mi examen, así que estoy pensando que no? El Código ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} This text should appear as normal This text should be blue. This text […]

Seleccione cada N-ésimo elemento en CSS

¿Es posible seleccionar, por ejemplo, cada cuarto elemento de un conjunto de elementos? Ejemplo: tengo 16 elementos … podría escribir algo como. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) ¿Hay una mejor manera de hacer esto?