Reaktion von fehlgeschlagenem Import möglich (nur mit CSS)?
bearbeitet vonmoin,
Durch das mir empfohlene `@container style()` klappts einwandfrei 👍…
**Ausschnitt**:
`mb-foo.css`, `mb-bar.css`, `mb-tok.css` und `mb-access.css` sind geladen und im Head-Kontainer enthalten. Aber nicht `mb-qux.css`.
```html
<style>/* MB-FOO CSS */
@layer mb-foo {
:root { --mb-id-foo: 'MB__ID_FOO'; }
/* FOO styles */
}
</style>
<style>/* MB-BAR CSS */
@layer mb-access {/* Überschriebung */
.wrapper { container-name: mb-access; }
}
@layer mb-bar {
@media screen {
:root { --mb-id-bar: 'MB__ID_BAR'; }
@container mb-access style( --mb-id-foo: 'MB__ID_FOO' ) {
/* BAR styles */
}
}
}
</style>
<style>
/* MB-QUX CSS nicht geladen*/
</style>
<style>/* MB-TOK CSS */
@layer mb-access {/* Überschriebung */
.wrapper { container-name: mb-access; }
}
@layer mb-tok {
@media screen {
:root { --mb-id-tok: 'MB__ID_TOK'; }
@container mb-access style( --mb-id-qux: 'MB__ID_QUX' ) {
/* keine TOK Styles da QUX fehlt */
}
}
}
</style>
```
…vielen Dank dafür 😀.
**Zusätzliche Frage**:
…jedoch nich bei Firefox 😕. Ist es möglich, das dieses konrete Beispiel, so umzubauen, dass diese neue CSS-Code Kontellation der Firefox-Browser versteht und sich genauso verhält wie Chrome?
lgmb
--
Sprachstörung, Verpeilt