CSS Code für einen Codeblock kopieren

[Rolf B]

Hallo Mitleser,

sorry, dafür ein -1.

Ein Widget ist im Allgemeinen integraler Teil der Seite und daher als iframe deutlich deplaziert.

Du hast IMNSHBMWO^[1] 2 realistische Alternativen:

• für Evergreen Browser als Custom Element mit Shadow DOM und lokalem Style
• wenn Du auch Alt-Browser unterstützen willst, baust Du das CSS so, dass deine Widgets eine spezifische Klasse auf dem Container-Element haben, in dem sie sich befinden, und das mitgelieferte Stylesheet setzt diese Klasse in allen Selektoren an die erste Stelle. Den Klassennamen machst Du konfigurierbar, damit die Nutzer Kollisionen mit existierenden Klassen beheben können. Wenn Du das Stylesheet sowohl als .css wie auch als .scss oder .less lieferst, wird die Anpassung für die Nutzer einfacher, dann muss man nur an einer Stelle ändern. Oder Du kapselst deine Styles im Javascript ein und generierst on the fly das Stylesheet passend zur Seite 😉

Rolf

---

1. in my not so humble but maybe wrong opinion ↩︎