L'attribut « scoped » pour l'élément « style » est-il toujours pertinent en HTML5 ?

Quel est l'état actuel de l'attribut scoped pour l'élément de style en HTML5 ?

Arrière-plan

HTML5 a initialement proposé l'attribut scoped pour le style élément, visant à limiter l'application des styles à l'élément parent de l'élément de style et à ses descendants. Cependant, en raison d'une mise en œuvre limitée du navigateur, la fonctionnalité a finalement été abandonnée.

Statut actuel (2023)

Actuellement, l'élément de style sans l'attribut scoped peut apparaître légalement n'importe où dans le document. Cependant, la spécification met en garde contre un éventuel restylage involontaire d'autres éléments du document.

Solution pour les styles étendus

Malgré le manque de prise en charge des attributs étendus, les styles étendus peuvent toujours être obtenus en utilisant des sélecteurs explicites, tels que comme sélecteurs d'identification. Voici un exemple :

<code class="html"><div id="myDiv">
  <style>
    #myDiv p { margin: 1em 0; }
    #myDiv em { color: #900; }
    #myDiv whatever { /* ... */ }
  </style>
  <p>Some content here... </p>
</div></code>

Cette approche garantit que les styles s'appliquent uniquement au sein de l'élément div désigné. Cela nécessite d'éviter les conflits d'ID, mais c'est déjà une bonne pratique.

Perspectives futures

Pour l'instant, rien n'indique que l'attribut scoped soit réintroduit dans HTML. L'approche du sélecteur explicite reste la technique recommandée pour obtenir des styles étendus.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!