Discussion :

[link.80]

Bonjour à tous,

J'utilise sur mon site à plusieurs endroits de la page ce bout de code afin de charger une feuille de style css en fonction des modules utilisés et des besoins dans ma page :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<style type="text/css" scoped>@import url(style.css);</style>

Tout allait très bien avec les différentes versions de IE, Chrome, Opera, Safari etc. Jusqu’à la sortie de la nouvelle version de Firefox 21.0 qui ne charge plus mes feuilles de styles lorsque je met l'attribut "scoped".

Le code plus bas fonctionne sous Firefox 21.0 mais n'est plus valide en HTML5 :

Element style is missing required attribute scoped.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<style type="text/css">@import url(style.css);</style>

Du coup, je suis un peu perdu. J'ai vu pourtant dans la release de Firefox que l'attribut scoped était désormais pris en compte dans la version 21 mais j'ai l'impression que c'est plutôt l'inverse qui s'est produit...
https://developer.mozilla.org/en-US/...ox/Releases/21

De l'aide à ce sujet serait vraiment la bienvenue...

D'avance merci et salutations.

[rodolphebrd]

Bonjour,

apparemment l'attribut scoped n'est pas encore finalisé pour Firefox 21 contrairement à ce que dit canIuse.
Vous avez la possibilité d'utiliser ce polyfill: Jquery scoped css plugin

[CCyrillus]

C'est une belle c@nnerie de la part de ff .

Auparavant il regroupait les styles dans l’entête de la page, il fallait juste insérer les styles en pensant qu'il s'appliqué a l'ensemble du document , contrairement aux recommandation du W3C, et le document etait valide.
Cool , cette recommandation pouvait passer dans les moeurs.

On pouvait donc via un C.M.S. ajouter un champ style , pour les besoins d'un article, sans avoir a éditer les feuilles de style d'un template, ou changer de themes sans devoir reprendre une mise en forme spécifique dans un article dont on ne se souviens plus .

Quelle mouche les à piqués ?
Si tu te "scoped" , je te (s)coupe ?
1 coup j'avance, 2 je recule ?

bon , FF n'est plus mon navigateur principal depuis quelques mois. Il devient trop lourding à tout les niveaux à mon gout et je crois bien qu'il va finir dans la même case ou j'ai déja mis IE : navigateur pour tests/références .
++

[Bovino]

Comme le montre cet exemple tiré du MDN, l'attribut scoped est correctement interprété par Firefox...

[rodolphebrd]

Tiens c'est bizarre mais je l'avais testé sur FF au moment où j'avais écris le post précédent et ça ne fonctionnait pas, alors que maintenant oui.

Entre temps je n'ai pas vidé le cache...

[Bovino]

Non, mais il me semble qu'il y a eu une mise à jour récente de Firefox.

[link.80]

Tiens c'est bizarre mais je l'avais testé sur FF au moment où j'avais écris le post précédent et ça ne fonctionnait pas, alors que maintenant oui.

Entre temps je n'ai pas vidé le cache...

Vraiment étrange, il n'y a pas eu de MAJ entre temps... et chez moi ça ne fonctionne toujours pas, j'ai pourtant vidé le cache mais rien n'y fait, en ajoutant l’attribut "scoped" mes styles ne sont plus pris en compte dans la page avec la nouvelle version de Firefox, alors qu’auparavant tout fonctionnait nickel