Quickstart

Quickstart

Öt perc a telepítéstől egy formázott dokumentumig: ez az oldal egy kis DOM-ot épít, egy stíluslapot alkalmaz, és visszaolvassa a feloldott stílust.


Prerequisites

RequirementDetail
Python3.10 vagy újabb
Packageaspose-html-foss telepítve (Installation)

1. Dokumentum és elemek létrehozása

Document a gyár minden csomópont típushoz. Hozzon létre egy elemet, adjon neki attribútumokat, és csatolja a fa struktúrához:

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. Stíluslap csatolása

Parsolja a CSS szöveget a CSSStyleSheet.replace_sync() segítségével, és regisztrálja a lapot a dokumentummal, hogy részt vegyen a kaszkádban:

from aspose_html.cssom import CSSStyleSheet

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

3. Olvasd ki a számított stílust

Element.get_computed_style() megoldja a specifikusságot, a fontosságot és az öröklődést. Itt az ID választó felülbírálja az osztályválasztót:

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

4. Próbáld ki a beágyazott stílusokat

Az elem style deklarációján keresztül beállított beágyazott deklarációk elsőbbséget élveznek a szerző stíluslapjának szabályaival szemben:

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

Következő lépések

Lásd még:

 Magyar