CSS eines externen JS anpassen

martinthebest

Guten Abend,

ich habe mittels des <script> - Tags eine kleine JavaScript - Anwendung von einem externen Anbieter eingebaut. Das hat auch gut funktioniert - allerdings bin ich mit der Darstellung nicht einverstanden. Das Stylesheets welches durch die Einbindung gleich mitverlinkt ist, steht auch zur Verfügung. Ich habe mir die Anwendung auch mit einem Inspector angesehen und weiß wie der CSS Code an sich anzupassen wäre.

Allerdings komme ich einfach zu keiner erfolgreichen Lösung, wenn es darum geht die <style> - Tags richtig anzupassen, damit die Änderungen auch angewendet werden. So hatte ich es vor:

HTML

<style> 
.klasse{
           color: white; 
          }
</style>
<script src="externeQuelle"></script>

Leider funktioniert das nicht. Kann mir bitte jemand sagen, wie ich den Code anpassen muss, damit die Neudefinierung der CSS Attribute auf die JS Quelle angewandt wird?

Vielen Dank schon mal für die Hilfe,
Martin

Sailor

Wie muss man sich das vorstellen... 'das Stylesheet, welches gleich durch die Einbindung mit verlinkt ist...'? Ist das eine statische Style-Definition, die in deinen Code eingefügt wird - oder eine Verlinkung mit <link rel="stylesheet*.... oder wird das CSS dynamisch von der/den eingebundenen JavaScript Funktionen manipuliert?
Grundsätzlich gilt bei CSS immer die zuletzt vom Browser gelesene Anweisung - somit ist auf jeden Fall schon mal deine Reihenfolge (erst <style> dann <script>) eine mögliche Fehlerursache. Bei statisch durch diese JS Anwendung verlinkte bzw eingebunden 'Styles' musst du dafür sorgen, dass deine 'Styles' danach eingebunden werden, damit sie die JS Styles überschreiben.
Wenn jedoch die JS Funktion(en) dynamisch auf das CSS zugreifen, dann hast du keine Chance das zu verhindern, denn dann gilt wieder die letzte Anweisung und das ist die Änderung durch JS!