Versions-Historie des Beitrags „Reaktion von fehlgeschlagenem Import möglich (nur mit CSS)?“

Reaktion von fehlgeschlagenem Import möglich (nur mit CSS)?

bearbeitet von

MB 28.10.2023 21:09

moin, > > ist es möglich, das sich ein CSS-Code `bar.css` anders verhält, wenn der Import von einem anderen CSS-Code `foo.css` fehlschlägt _(z.B. mit CSS-Hacks)_? > > […] > > (Um mal bei deinem Beispiel zu bleiben, was gewiss kein gutes ist.) Ein praktische Lösung. Ich möchte das mehrere CSS-Dateien _(z.B. `qux.css`, `tok.css` etc.)_ `foo.css`, in eine andere CSS-Dateien importieren _(hier `bar.css`)_, um dann mit den importierten CSS-Dateien in dieser CSS-Datei `bar.css` arbeiten zu können. Da erschien mir eine ID der jeweiligen CSS, die importiert werden soll, sinnvoll. Sry, habe ich nicht im Beispiel erwähnt 😕. > Die Verwendung von `@import` ist sicher deinem sehr speziellen Anwendungsfall zuzuschreiben. […] Die App läd all das, was an CSS-Dateien in dem Unterordner `snippets/` ist, ins `<head>`{:.language-html} im Editor hoch umschlossen von `<style>`{:.language-html}. Dabei wird `@import`{:.language-css} außeracht gelasse. Sry, habe ich nicht erwähnt 😕. Das ist mir erst im nachhinein aufgefallen, wärend ich an den CSS-Snippets für die App arbeitete. Auf Jeden Fall möchte ich erreichen, dass ein individueller Identifikations-Schlüssel der jeweiligen CSS-Snippets da ist, um ihre existents der von einer anderen geladenen CSS-Snippet zu prüfen. **Beispiel:** ```html <html> <head> <style> /* foo CSS */ </style> <style> /* qux CSS */ </style> <style> /* bar CSS*/ </style> </head> </html> ``` Im Beispiel bindet die App `bar.css` und die restlichen CSS-Snippets, mit ausnahme von `tok.css`, ein. Das CSS von `bar.css` prüft ob alle CSS-Snippets eingebunden sind. Das geladene CSS von `bar.css` verhält sich anders, weil der ID-Schlüssel innerhalb von `tok.css` CSS-Snippet, welches nicht von der App geladen wurde, fehlt. Ich hoffe das Beispiel ist für dich besser zu verstehen, als das in der Eigangsfrage 😕. Nochmal sorry. > […] Generell ist davon abzuraten. Ah, danke für den Rat 👍. Was würdes du stattdessen empfehlen, was sinnvoll für Importe von CSS-Dateien in einen andere CSS Datei ist, abseits von `@import`{:.language-css}? lgmb -- Sprachstörung, Verpeilter, Begriffs-Verwechseler

Reaktion von fehlgeschlagenem Import möglich (nur mit CSS)?

bearbeitet von

MB 28.10.2023 21:11

moin, > > ist es möglich, das sich ein CSS-Code `bar.css` anders verhält, wenn der Import von einem anderen CSS-Code `foo.css` fehlschlägt _(z.B. mit CSS-Hacks)_? > > […] > > (Um mal bei deinem Beispiel zu bleiben, was gewiss kein gutes ist.) Ein praktische Lösung. Ich möchte das mehrere CSS-Dateien _(z.B. `qux.css`, `tok.css` etc.)_ `foo.css`, in eine andere CSS-Dateien importieren _(hier `bar.css`)_, um dann mit den importierten CSS-Dateien in dieser CSS-Datei `bar.css` arbeiten zu können. Da erschien mir eine ID der jeweiligen CSS, die importiert werden soll, sinnvoll. Sry, habe ich nicht im Beispiel erwähnt 😕. > Die Verwendung von `@import` ist sicher deinem sehr speziellen Anwendungsfall zuzuschreiben. […] Die App läd all das, was an CSS-Dateien in dem Unterordner `snippets/` ist, ins `<head>`{:.language-html} im Editor hoch umschlossen von `<style>`{:.language-html}. Dabei wird `@import`{:.language-css} außeracht gelasse. Sry, habe ich nicht erwähnt 😕. Das ist mir erst im nachhinein aufgefallen, wärend ich an den CSS-Snippets für die App arbeitete. Auf Jeden Fall möchte ich erreichen, dass ein individueller Identifikations-Schlüssel der jeweiligen CSS-Snippets da ist, um ihre existents der von einer anderen geladenen CSS-Snippet zu prüfen. **Beispiel:** ```html <html> <head> <style> /* foo CSS */ </style> <style> /* qux CSS */ </style> <style> /* bar CSS*/ </style> </head> </html> ``` Im Beispiel bindet die App `bar.css` und die restlichen CSS-Snippets, mit ausnahme von `tok.css`, ein. Das CSS von `bar.css` prüft ob alle CSS-Snippets eingebunden sind. Das Geladene CSS von `bar.css` verhält sich anders, weil der ID-Schlüssel innerhalb von `tok.css` CSS-Snippet fehlt, welches nicht von der App geladen wurde. Ich hoffe das Beispiel ist für dich besser zu verstehen, als das in der Eigangsfrage 😕. Nochmal sorry. > […] Generell ist davon abzuraten. Ah, danke für den Rat 👍. Was würdes du stattdessen empfehlen, was sinnvoll für Importe von CSS-Dateien in einen andere CSS Datei ist, abseits von `@import`{:.language-css}? lgmb -- Sprachstörung, Verpeilter, Begriffs-Verwechseler