Vous avez peut-être entendu parler des requêtes de conteneur et de la nouvelle spécification contain-level-3 qui est actuellement dans les navigateurs expérimentaux, mais avez-vous entendu parler des Style Queries, qui font également partie de cette spécification (très intéressante) ?

Les Style Queries vous permettent d'interroger le style de tout élément parent dans une page et d'appliquer des styles à ses enfants en fonction des styles de son parent. Cela semble vraiment cool, mais en pratique, pourquoi utiliser cette méthode plutôt qu'une classe ou un attribut de données pour appliquer les styles (qui sont tous deux beaucoup plus performants qu'une requête de conteneur) ? Dans cette article nous allons étudier pourquoi et quand les requêtes de style ont vraiment un sens et fournissent une capacité qui n'était pas disponible auparavant.