Quickstart

Quickstart

Cinco minutos desde la instalación hasta un documento con estilo: esta página crea un pequeño DOM, aplica una hoja de estilo y lee de nuevo el estilo resuelto.


Prerequisites

RequirementDetail
Python3.10 o posterior
Packageaspose-html-foss instalado (Installation)

1. Crear un documento y elementos

Document es la fábrica de cada tipo de nodo. Crea un elemento, asígnale atributos y adjúntalo al árbol:

from aspose_html.dom import Document

doc = Document()
el = doc.create_element("div")
el.set_attribute("class", "foo")
el.set_attribute("id", "bar")
doc.append_child(el)

2. Adjuntar una hoja de estilo

Analiza el texto CSS con CSSStyleSheet.replace_sync() y registra la hoja con el documento para que participe en la cascada:

from aspose_html.cssom import CSSStyleSheet

sheet = CSSStyleSheet()
sheet.replace_sync(".foo { color: red } #bar { color: blue }")
doc.attach_style_sheet(sheet)

3. Leer el estilo computado

Element.get_computed_style() resuelve la especificidad, la importancia y la herencia. Aquí el selector de ID supera al selector de clase:

style = el.get_computed_style()
print(style.get_property_value("color"))

4. Probar estilos en línea

Las declaraciones en línea establecidas mediante la declaración style del elemento tienen prioridad sobre las reglas de la hoja de estilo del autor:

inline = el.style
inline.set_property("color", "green")
print(el.get_computed_style().get_property_value("color"))

Próximos pasos

Ver también

 Español