Quickstart

Quickstart

Cinque minuti dall’installazione a un documento con stile: questa pagina crea un piccolo DOM, applica un foglio di stile e legge nuovamente lo stile risolto.


Prerequisites

RequirementDetail
Python3.10 o successive
Packageaspose-html-foss installato (Installation)

1. Crea un documento e gli elementi

Document è la fabbrica per ogni tipo di nodo. Crea un elemento, assegnagli attributi e collegalo all’albero:

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. Collega un foglio di stile

Analizza il testo CSS con CSSStyleSheet.replace_sync() e registra il foglio con il documento affinché partecipi alla cascata:

from aspose_html.cssom import CSSStyleSheet

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

3. Leggi lo stile calcolato

Element.get_computed_style() risolve la specificità, l’importanza e l’ereditarietà. Qui il selettore ID supera il selettore di classe:

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

4. Prova gli stili inline

Le dichiarazioni inline impostate tramite la dichiarazione style dell’elemento hanno la priorità rispetto alle regole del foglio di stile dell’autore:

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

Prossimi passi

Vedi anche

 Italiano