Я использую tinymce
wysiwyg
для создания некоторых красивых инструкций для моего сайта. Я просто сохраняю код, сгенерированный html, в мою базу данных и отображаю этот html на странице.CSS - прозрачные стили для элемента
Поскольку мой сайт загрузится свои собственные таблицы стилей, некоторые вещи, которые, как правило, проявляются в зависимости от того, что диктуют стиль (как <ul>
, <li>
или <p>
теги)
Если какой-либо из этих тегов генерируются из tinymce
, мой таблицы стилей сайта будут их стиле.
Выстрел в темноте. Есть ли стиль, который заставляет браузер игнорировать все стили, которые находятся внутри определенного элемента?
Для визуальной помощи, вот снимок tinymce
и то, что я делаю:
А вот снимок отображается HTML, на моем сайте:
(этот html находится внутри <div id="tinymce_html"><?php echo $tinymce_html; ?></div>
)
Это css, который влияет на него (по всему сайту), внутри таблицы стилей main.css
ol, ul {
list-style:none;
padding: 0;
margin: 0;
}
Btw, я приводил пример только для тегов <ul>
. Я уверен, что у меня будет больше тегов. (следовательно, мой оригинальный вопрос - «существует ли стиль, который заставляет браузер игнорировать все стили, которые находятся в определенном элементе?»)
Что я не хочу делать, это создать совершенно новую таблицу стилей для чего-либо, связанного с tinymce
или другие html
Я бы хотел отображать, не подвергая себя воздействию каких-либо стилей сайта.
Что вы описываете, это немного [запах кода CSS] (http://csswizardry.com/2012/11/code-smells-in-css/); вам действительно нужно взглянуть на то, чтобы ваши существующие таблицы стилей были * меньше * generic (например, не применяли стили ко всем элементам «ol», например). – cmbuckley