Всем привет!
CMS, есть в CMS статьи(штатные шаблонные пустые) в которые интегрируется HTML(пишется ручками или копируется из вне). Есть статьи(реальные) с внешними CSS файлами. Подключая файлы стандартным образом:
<link rel="stylesheet" href="test123456789.css" media="screen">
они начинают ломать и штатные стили CMS, ибо конфликтуют.
Файлы CSS и статьи большие, варианта пересмотреть все классы и переназначить нет.
<iframe> тоже нет желания использовать вообще.
Пробовал что-то типа:
<div>
<style scoped>
@import "scoped.css";
</style>
enter code here
</div>
но потом вычитал, что scoped не поддерживается больше браузерами.
Пробовал:
<template shadowroot="open">...
(
https://github.com/pepelsbey/playground/tree/master/38) - команда "shadowroot="open" почему-то больше не проявляет объект, видимо тоже потеряла актуальность и поддержку.
Вопрос насущный у многих -
как ограничить область влияния внешнего файла CSS на блоки так, что бы стили распространялись только на отдельные участки(например div)?
Спасибо!
