Exemples d'utilisation de l'attribut Scoped dans les astuces du didacticiel HTML5_html5

Spécialement, il existe un nouvel attribut qui nous permet de contrôler les attributs de plusieurs éléments, qui est : scoped. Le nouvel attribut scoped qui apparaît sur la balise style peut faire en sorte que le style CSS ne s'applique qu'aux éléments locaux. Plus précisément, il s'applique aux sous-éléments de l'élément qui stocke ce style. La seule différence par rapport au style normal est que. un nouvel attribut de portée est ajouté. Attributs :

Les styles avec l'attribut scoped ne seront appliqués qu'à l'élément actuel et à ses éléments enfants. Les styles en ligne ont toujours une priorité plus élevée que les styles étendus, il est donc préférable d'éviter d'utiliser les styles en ligne. Voici un mélange de plusieurs styles pour comparer leur plage d'efficacité :