Quiero ser maestro ingreso al sistema

Lista de iconos de font awesome

Estoy raspando desde https://ca.finance.yahoo.com/quote/AAPL y quiero obtener el cambio en el precio de las acciones, el texto en verde/rojo. He sido capaz de raspar el precio de las acciones, pero no el valor de cambio, ya que se encuentran en la misma clase 'div' pero diferente clase 'span'.
La función findAllNext encuentra los spans en ese div. Devuelve unos 36, pero el que buscas es el segundo. Entonces, sólo tienes que obtener el texto de él como lo hiciste antes y debería devolver el número que estás buscando.

Sueldo de profesor de lingoda

Quería añadir algo a la respuesta de JOPLOmacedo. Su solución es mi favorita, pero siempre tuve problemas con la sangría cuando el li tenía más de una línea. Era complicado encontrar la sangría correcta con los márgenes, etc. Pero puede que esto me afecte sólo a mí.
Para mí el posicionamiento absoluto del pseudo-elemento :before funciona mejor. Pongo padding-left en ul, posición negativa a la izquierda en el elemento :before, igual que el padding-left de ul. Para conseguir la distancia del contenido desde el elemento :before correcto simplemente establezco el padding-left en el li. Por supuesto el li tiene que tener posición relativa. Por ejemplo
Ahora que el elemento ::marker está disponible en los navegadores evergreen, así es como podrías utilizarlo, incluso usando :hover para cambiar el marcador. Como puedes ver, ahora puedes utilizar cualquier carácter Unicode que quieras como marcador de elementos de la lista e incluso utilizar contadores personalizados.

Etiquetas básicas de la estructura html

Quería añadir algo a la respuesta de JOPLOmacedo. Su solución es mi favorita, pero siempre tuve problemas con la sangría cuando el li tenía más de una línea. Era complicado encontrar la sangría correcta con los márgenes, etc. Pero puede que esto me afecte sólo a mí.
Para mí el posicionamiento absoluto del pseudo-elemento :before funciona mejor. Pongo padding-left en ul, posición negativa a la izquierda en el elemento :before, igual que el padding-left de ul. Para conseguir la distancia del contenido desde el elemento :before correcto simplemente establezco el padding-left en el li. Por supuesto el li tiene que tener posición relativa. Por ejemplo
Ahora que el elemento ::marker está disponible en los navegadores evergreen, así es como podrías utilizarlo, incluso usando :hover para cambiar el marcador. Como puedes ver, ahora puedes utilizar cualquier carácter Unicode que quieras como marcador de elementos de la lista e incluso utilizar contadores personalizados.

Revisión de lingoda

Tengo este <span>¿Cómo te llamas?</span> en el que me gustaría seleccionar el input[@placeholder='Insira sua resposta'] (ver HTML de abajo) pero no sé cómo llegar desde el span hasta allí. No he podido retroceder desde el span hasta el padre superior compartido del span y el input. Lo he intentado: //div[@class="office-form-question-content office-form-theme-focus-border"]/*/span[.="¿Cuál es tu nombre?"]' pero devuelve null. He intentado volver de span a div superior mediante //span[.="¿Cómo te llamas?"]/../*/div[@class="office-form-question-content office-form-theme-focus-border"]' tampoco funciona. ¿Cómo puedo hacerlo?
Es muy posible que haya una forma más rápida y sencilla de hacerlo, pero yo aprendí XPath en los malos tiempos de la versión 1.0, así que eso es lo que sé. En el XPath de abajo estoy obteniendo el span con el contenido, usando el eje ancestro para subir al div contenedor, y luego descendiendo de nuevo a la entrada. El document.evaluate y el iterateNext es sólo para demostrar que funciona.
var input = document.evaluate(`//span[text() = "¿Cuál es tu nombre?"]/ancestor::div[@class="office-form-question-content office-form-theme-focus-border"]//input[@class="office-form-question-textbox office-form-textfield-input form-control border-no-radius"]`, document, null, XPathResult.ANY_TYPE, null );