Применение css только на часть HTML страницы

← →
И. Павел © (2011-04-14 16:50) [0]

Здравствуйте.

Я вывожу пользователю HTML-страницу. Но я генерирую только одну ее часть. Все остальное генерирует среда (SAP-портал).
Моя страница должна содержать css стили. Но эти стили должны применяться только для моей части страницы, т.е., например, если я сделаю на своей части страницы красные кнопки :) , то чужие кнопки (на той части страницы, которая генерируется автоматически) должны остаться обычными.

И css и свою часть html я генерирую на лету (точнее они есть в статическом виде, но кое-что нужно просчитывать динамически).

Подскажите, пожалуйста, как сделать такие css стили, чтобы они применялись только к моей части страницы? Я бы не хотел прописывать их внутри тегов - это будет очень неудобно.

Заранее спасибо.

← →
clickmaker © (2011-04-14 16:56) [1]

> стили должны применяться только для моей части страницы

<style>
#myDiv {}
#myDiv input[type="button"] {color:red}
</style>
<div id="myDiv">
...
</div>

← →
Kerk © (2011-04-14 16:57) [2]

Определи класс/id внешнего контейнера твоего куска страницы.

Что-то типа:

<div class="mypage"> <p>внутренности</p> </div>

Тогда можно будет писать стили вида

div.mypage p { font-size: 2em; }

← →
DiamondShark © (2011-04-14 17:06) [3]

<DIV class="MyPage">

<INPUT type="button" value="Эта кнопка будет красной">
</DIV>

DIV.MyPage INPUT {
color: red;
}

вокак ;)

Применение css только на часть HTML страницы Найти похожие ветки