Разделитель css для отдельных элементов

Question

[nxn]

Силой, данной мне сниже, я не могу использовать iFrame для отображения страницы внутри другой страницы. Поэтому у меня есть div (с id=«contentFrame»), в который я подгружаю аяксом html. Так вот для этого дива есть свой css, который не должен пересекаться с цссом основной страницы-контейнера. В этом особом css-файле я, конечно, могу перед каждым элементом добавить #contentFrame, типа:
#contentFrame body { margin: 0; }
#contentFrame a { color: #aaa; }
и так далее.

Но это же неаккуратненько как-то, у меня много чего в этом цсснике, и приписывать тыщу раз #contentFrame не охота для каждой фигни. Подскажите, ребятки, ради Христа, есть ли какое-нибудь элегантное решение типа
start #contentFrame
body { margin: 0; }
a { color: #aaa; }
и так далее.
end #contentFrame

?

Comments

[KoXGen]

Подгружаемая страница Ваша?

[nxn]

наша, в смысле с того же домена

[KoXGen]

А вариант с подключением стилей к подгружаемой странице и загрузкой её не в iframe или div, а в object чем не подходит?

Answer 1

[vosi]

Другого приемлемого решения, чем вы описали — нет.
Есть разные методы этого решение… одно из них, использовать какой-нибуть LESS/SASS/YouNameIt