Прежде всего, позвольте мне предисловие, сказав, что я НЕ пытаюсь применить дополнительный CSS к содержимому iframe из родительского документа. У меня возникают проблемы с идеально работающим документом, который при отображении в iframe не работает. Я говорю это только потому, что всякий раз, когда я решаю эту проблему, это все, что я получаю.
У меня есть HTML-документ, который отлично работает и отображается при просмотре в браузере сам по себе, однако мне нужно показать этот контент в iframe. Проблема в том, что каким-то образом кажется, что он случайно выбирает, какие свойства CSS применяются.
Например, если вы проверите ссылку, приведенную ниже, и осмотрите один из элементов списка в iframe, вы увидите, что теги li имеют набор border-bottom. Однако, если вы посмотрите на селектор .service ul li в коде, вы увидите, что на самом деле есть также border-left и border-right, которые игнорируются. Это только одна из многих странных вещей, происходящих. Если вы осмотрите документ, вы увидите больше случаев, когда это происходит.
Я никогда не видел ничего подобного, и это не имеет никакого смысла вообще. Я буквально вижу элементы в инспекторе, где работают некоторые свойства CSS из того же селектора, а некоторые игнорируются. Этот документ отображается без проблем за пределами iframe.
скрипка
Кстати, код загружается из строки данных, а не из URL, потому что он отображается из шаблона ejs и не обслуживается по общедоступному маршруту, и я не хочу, чтобы это было. Однако это не имеет значения.