Внешний css файл для определенного дива

CSS*

Здравствуйте.
Есть задача подгрузить див аджаксом, со всеми стилями и скриптами, включая reset.css, mycssframework.css, etc, во внешний сайт, со своими стилями, так чтобы ничего не сломалось.
Вопрос, необходимо ли переписывать весь reset.css добавляя префих родительского дива к каждому правилу, или есть возможность подключить его для отдельного блока.
Спасибо.

css
, ajax

—

22 февраля в 18:14

variable 4,3

отсортировано по дате по оценке
ответы (4)

ShadowHacker 22 февраля в 18:16 #

решение

Тут ифрейм нужен)

с айфреймом проблем бы не было, есть задача сделать без айфрейма) variable, 22 февраля в 18:18

ну тогда надо префиксы. Так это не сделать… Fesor, 22 февраля в 18:25

sergeyzhuzhgov 23 февраля в 12:03 #

решение

Для чего подгружать reset.css? Не проще ли указать стили для конкретных элементов? Как правило процентов 40 используется из стандартных reset.css.

AlexFadeev 23 февраля в 22:44 #

решение

А вот если бы использовали LESS, то это было бы делом добавление одной строчки. =)

рассматривал Less как вариант, но не имею доступа к серверной части, также докопался до css неймспейсов, но вероятно решится самым быстрым способом — добавлением префиксов к ресету и фреймворку для избежания конфликтов с родными стилями. variable, 24 февраля в 02:53

less может запускаться и непосредственно как обычный js файл на странице. Серверный запуск — это только как в дополнение. AlexFadeev, 6 марта в 02:48

micmakarov 6 марта в 05:28 #

решение

я бы сделал так: создал для подгружаемого дива новые классы, которых точно нету в основном файле, описал бы все правильно, создал «ajaxdiv.css» и, в зависимости от частоты подгрузки
1. Либо подгрузил бы с дивом до дива
2. Либо включил бы в основной файл в хеадер
Чтобы было чище сожержание. А то 2 раза ресет грузить даже если iframe — это не очень оптимизстично:)
Но все зависит от остальных деталей.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

html-теги

Теги Хабрахабра

<habracut>: Используется только в текстах постов, скрывает под кат часть текста, следующую за тегом (будет написано «Читать дальше»).

<habracut text="Подробности" />: Так можно превратить надпись «Читать дальше» в любой текст.

<source lang="Язык"></source>: Подсвечивает исходный код (на выбор: Bash, C#, C++, CSS, Diff, HTML, XML, Ini, Java, JavaScript, PHP, Perl, Python, Ruby, SQL, 1C, AVR Assembler, ActionScript, Apache, Axapta, CMake, CoffeeScript, DOS, .bat, Delphi, Django, Erlang, Erlang REPL, Go, Haskell, Lisp, Lua, MEL, Markdown, Matlab, Nginx, Objective C, Parser3, Python profile, RenderMan, Rust, Scala, Smalltalk, TeX, VBScript, VHDL, Vala ).

<video>http://...</video>: Добавляет в пост видео со следующих хостингов: YouTube, RuTube, Google video, Vimeo, Я.Видео и Видео@Mail.ru
Вставляйте между тегами только прямую ссылку на видеоролик.

<slideshow>http://...</slideshow>: Вставка интерактивного слайд-шоу. Пока поддерживается только сервис Slideshare.net.

<hh user="Ник" />: Выводит имя хабрапользователя посреди текста, обратный слеш (/) в конце тега обязателен.

Стандартные

<h1></h1> ... <h6></h6>: Заголовки разного уровня.

<img src="" />: Вставка изображения, в атрибуте src нужно указывать полный путь к изображению. Возможно выравнивание картинки атрибутом align.

<a href="http://...">Ссылка</a>: Вставка ссылки, в атрибуте href указывается желаемый интернет-адрес или якорь (anchor) для навигации по странице.

<anchor>Example1</anchor>: Тег для указания якоря. Для вызова используйте тег вставки ссылок (<a href="#Example1">Текст</a>).

<b></b> <strong></strong>: Выделение важного текста, на странице выделяется жирным начертанием.

<i></i> <em></em>: Выделение важного текста, на странице выделяется курсивом.

<s></s> <strike></strike>: Текст между этими тегами будет отображаться как зачеркнутый.

<u></u>: Текст между этими тегами будет отображаться как подчеркнутый.

<hr />: Тег для вставки горизонтальной линии.

<blockquote></blockquote>: Используйте этот тег для выделения цитат.

<table></table> <th></th> <td></td> <tr></tr>: Набор тегов для создания таблицы. Тег <td> обозначает ячейку таблицы, тег <th> - ячейку в заголовке, <tr> - строчку таблицы. Все содержимое таблицы помещайте в тег <table>.

<sup></sup> <sub></sub>: Текст, заключенный в тег <sup> отображается в виде верхнего индекса, <sub> - в виде нижнего.

<abbr title="" ></abbr> <acronym title="" ></acronym>: Тегом <abbr> выделяется аббревиатура, в атрибуте title указывайте её расшифровку. Используйте тег <acronym> для устоявшихся аббревиатур.

<pre></pre>: Текст в теге <pre> не форматируется автоматически.

<nobr></nobr> <br clear="all|left||right" />: Текст, помещенный в тег <nobr>, не переносится на странице; для принудительного переноса текста используйте тег <br />; для аккуратного выравнивания изображений используйте атрибут clear="all|left||right" в теге <br />.