Как наследовать CSS родительского сайта и применять его на HTML, визуализируемом с помощью javascript?

---

Я хотел бы разработать код Javascript, который будет получать данные из веб-сервиса и визуализировать html для отображения деталей.

Пользователям нужно просто разместить этот Javascript на любой странице своего сайта, чтобы использовать эту функцию.

Проблема, с которой я столкнусь, заключается в том, что html, сгенерированный моим Javascript, будет иметь другой CSS, чем тот веб-сайт, который использует мой Javascript. Есть ли какой-либо способ, чтобы html, сгенерированный моим Javascript, унаследовал CSS веб-сайта, на котором используется мой Javascript.

Что я уже пробовал:

Я попробовал это сделать, используя свойство "наследовать" css, но невозможно написать "наследовать" для всех атрибутов css

---