Retrouver les CSSExpressions dans IE8 : Impossible ?

Si il est clair que modifier le parseur CSS d’IE est impossible dans une page web, ou en tout cas non désirable, doit on forcément conclure que les CSSExpressions, c’est fini ?

A cela, je répondrais oui et non.

Oui car désormais le navigateur ne prendra plus en charge lui-même les expressions CSS, et il vous faudra donc vous débrouiller d’une autre manière (mais comme les expressions étaient IE-Only, n’était-ce pas ce que vous faisiez déjà ?).

Non, car il est toujours possible d’émuler les CSSExpressions en JavaScript. Voyez par vous-même :

CSSStyleDeclaration.prototype.setExpression = function(prop, js) {
  var o = this; var s = new Function("return " + js);
  setInterval(function() {
     try { o[prop] = s.apply(o, []); } catch (ex) {}
  }, 250);
}

Element.prototype.setExpression =
CSSStyleDeclaration.prototype.setExpression;

Et :

document.body.setExpression('innerText', '(new Date())');

Cette solution, avec quelques précautions de compatibilité avec les navigateurs (HTMLElement vs Element, …) vous permettra d’utiliser des ‘expressions CSS’ compatibles avec tous les navigateurs.

Donc, oui IE8 ne supporte plus nativement les expressions (une bonne chose, je pense) mais non, si vous en avez besoin pour vous simplifier la vie dans certains cas (remplir automatiquement un champ, modifier sa taille, …), vous pourrez toujours les utiliser. Reste que cela ne sera plus du CSS mais du JavaScript (ce que cela a en fait toujours été).

-------------------------------------------------------------------------

Note :

ul > li { font-weight: expression(this.previousSibling?’’:’bold’)}
===> ul > li.firstLI { font-weight: bold; }

Dans votre JS :

document.querySelectorAll(‘ul > li’), puis vous donner la classe voulue aux éléments qui respectent votre condition ==> Plus besoin d’expression dans ce cas ! (même si il faut faire un refresh de temps en temps pour gérer les modifications d’UI)