Le CSS externe peut-il être contenu dans un élément Div spécifique ?

Le CSS externe peut-il être limité à des éléments spécifiques ?

Dans le but de créer un simulateur mobile qui imite le comportement et l'apparence d'un iPhone en utilisant uniquement du code côté client, un développeur a été confronté à un défi. Les fichiers CSS externes utilisés pour l'application ont remplacé le style CSS du simulateur lui-même.

Alors, est-il possible de limiter les effets d'un fichier CSS externe aux éléments d'un

spécifique ?

Styles étendus

Selon CSS-Tricks, les styles étendus peuvent fournir un solution :

<div>
    <style scoped>
        @import "scoped.css";
    </style>
</div>

Cependant, la prise en charge par le navigateur des styles étendus est limitée.

Approche alternative

Une autre option est l'utilisation d'une iframe. En créant une iframe dans le simulateur, le CSS de l'application peut être isolé de la page environnante. Cela garantit que l'apparence et les fonctionnalités de l'application ne sont pas affectées par les fichiers CSS externes.

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!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn