Articles of css selectores

: primer hijo no funciona como se esperaba

detail_container seleccionar el primer h1 dentro de un div con una clase llamada detail_container . Funciona si h1 es el primer elemento dentro de este div , pero si viene después de este ul , no funcionará. .detail_container h1:first-child { color:blue; } First H1 Second H1 Tenía la impresión de que el CSS que tengo […]

seleccione el niño más profundo en jQuery

¿Hay un método de cheep para seleccionar el hijo más profundo de un elemento? Ejemplo:

¿Debo evitar el uso de! Important en CSS?

A veces !important es útil, por ejemplo, si he definido un estilo común para todos los enlaces en el sitio (selector, por ejemplo, a ), pero cuando quiero anular algunas reglas, tengo las siguientes opciones: Use un selector más específico (más largo) Uso !important ¿Qué camino es mejor y puede haber algunas pautas?

NoSuchElementExeption, el selenium no puede localizar el elemento

Me gustaría encontrar mi TextField en selenium, pero no sé cómo (uso el selenium por primera vez). Lo intenté: driver.findElement(By.id(“originTextField”)) o por xPath y cssSelector Cadena generada por chrome en las herramientas de desarrollo. Por favor, ayúdenme, agradecería una explicación. esto es html:

Clases CSS de anidamiento

¿Puedo hacer algo como lo siguiente? .class1{some stuff} .class2{class1;some more stuff}

enésimo niño no responde a la clase

¿Es posible hacer que el pseudo-selector n-child trabaje con una clase específica? Vea este ejemplo: http://jsfiddle.net/fZGvH/ Quiero que el segundo DIV.red se ponga rojo, pero no aplica el color como se esperaba. No solo eso, sino que cuando especifica esto, cambia el quinto DIV a rojo: div.red:nth-child(6) Cuando especifica esto, cambia el 8vo DIV a […]

¿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 […]