Red de conocimiento informático - Problemas con los teléfonos móviles - Cómo Python utiliza el posicionamiento CSS para determinar etiquetas y elementos

Cómo Python utiliza el posicionamiento CSS para determinar etiquetas y elementos

La respuesta a su pregunta es la siguiente:

Expresión de sintaxis CSS:

.Dot representa el atributo de clase, ejemplo de código: ".s_ipt"

[Class= 's_ipt'] # Igual que arriba

#Indica el atributo id, ejemplo de código: " #kw"

[Class= 's_ipt'] # Igual que arriba

# representa el atributo id, ejemplo de código: " #kw" 2. El siguiente es el formato para posicionar otros atributos

3. css: etiqueta

1. Se puede acceder a la página CSS mediante Utilice una combinación de etiquetas y atributos para localizar elementos.

4. CSS: relación jerárquica

1. una relación jerárquica en el xpath anterior. El mismo efecto se puede lograr con css aquí;

2. Por ejemplo, xpath://form[@id='form']/span/input y ? //form[@class='fm']/span/input también se puede realizar con css Implementación;

5. CSS: Índice

1. Por ejemplo, lo mismo que en el artículo anterior;

2.css también puede pasar la opción de índice: nth-child(1) se usa para localizar elementos secundarios. Esto es muy diferente del método de escritura xpath. De hecho, es fácil de entender. La traducción directa son los primeros elementos secundarios.

6. CSS: operaciones lógicas

1.css: operaciones lógicas

1.css también puede implementar operaciones lógicas y hacer coincidir dos atributos al mismo tiempo. A diferencia de xpath, no es necesario escribir palabras clave;

Espero que mi respuesta te resulte útil

.

上篇: Un resumen de los atributos de armas legendarias y materiales de crecimiento en "Sword and Soul" 下篇: La diferencia entre renderTo y applyToLa diferencia entre renderTo y applyTo en ExtJS Comprender y pensar en applyTo y renderTo Personalmente, creo que estos dos artículos no son lo suficientemente populares. Escriba un ejemplo simple para ver qué código se genera al final. Copie el código de la siguiente manera: lt; headgt; lt; titlegt; ApplyTolt; href ="ext-3.1.0/resources/css/ext-all.css" /gt; lt; tipo de script="text/javascript" src="ext-3.1.0/adapter/ext/ext-base-debug js"gt;lt;/scriptgt;lt;script type="text/javascript" src="ext-3.1.0/ext-all-debug.js"gt;lt;/scriptgt;lt;script type=". text /javascript" src=" ext-3.1.0/src/locale/ext-lang-zh_CN.js"gt；lt;/scriptgt; lt;script type="text/javascript"gt; Ext.onReady(función( ) { var botón = new Ext.Button({ renderTo: 'botón', texto: 'OK' }); lt;/scriptgt lt;/headgt;bodygt; gt ;sadfalt;/divgt; lt;/bodygt; lt;/htmlgt; El html generado por este código es el siguiente: En el caso del botón applyTo:, el código generado es el siguiente: Obviamente, en pocas palabras, applyTo agrega un componente después del elemento especificado y renderTo agrega componentes dentro del elemento especificado. A continuación, exploremos más a fondo los misterios del código fuente extjs. Observe cómo se usan estos dos elementos de configuración internamente en extjs y use el complemento firebug para depurar el archivo ext-all-debug.js. Existe un fragmento de código de este tipo en el constructor Ext.Component Ext.Component = function(config){...} (línea 9270 en la versión 3.1.0): Copie el código de la siguiente manera: if(this.applyTo){ this applyToMarkup( this.applyTo); eliminar this.applyTo; }else if(this.renderTo){ this.render(this.renderTo); eliminar this.renderTo; El método applyToMarkup y el atributo renderTo permitirán que el componente llame al método de renderizado. El atributo applyTo solo es válido cuando estas dos propiedades se configuran al mismo tiempo. Esto se explica en la documentación de extjs.

Artículos populares