Reflejos naturales pelo castaño

Css span font-size

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 ahí. 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 );

Span style=font-size

La etiqueta HTML <span> permite aplicar estilos a una parte de una página web o a un párrafo. A menudo se utiliza para estilizar el texto de un párrafo, por ejemplo, cambiando el color de una palabra. La etiqueta <span> no tiene estilos por defecto.
Cuando programes en HTML, puede que decidas que quieres dar estilo a algo específico en tu página web. Por ejemplo, puede querer enfatizar una determinada palabra en una frase o un enlace específico en una lista de enlaces.
Ahí es donde entra en juego la etiqueta HTML <span>. <span> es un contenedor genérico en línea que permite frasear el contenido de un documento web. La etiqueta <span> se utiliza comúnmente para fines de estilo, especialmente para el estilo de texto.
La etiqueta HTML <span> manipula parte de una página web. A menudo se utiliza dentro de un elemento <p> para aplicar estilos a una parte específica de un párrafo. Por ejemplo, se puede utilizar <span> para cambiar el color de una palabra en un párrafo.
La etiqueta <span> se utiliza a menudo con CSS para aplicar un determinado estilo a un elemento o elementos específicos de una página web. <span> facilita la aplicación de un estilo determinado a varios elementos de una página web a la vez.

Bootstrap span

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 ahí. 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 );

Propiedades de la etiqueta span

Este error se debe a que has escrito incorrectamente la clase del span. Si te fijas en la imagen que has publicado, dice que la clase del span es rating-count, mientras que has escrito rating_count en BeautifulSoup. Por lo tanto, busca rating_count, no lo encuentra y devuelve NoneType.
¿Intentas obtener el contenido de varios contenedores en una página? Puedes hacer un recuento de span class: rating-count en el DOM y ver si hay otros elementos que utilizan el mismo nombre de clase. Puede ser porque algún otro elemento con el mismo nombre de clase está VACÍO. Si es así, puedes hacer un IF-ELSE para asignar ‘null’ a tu atributo.