Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Область без CSS


Автор: Miller_time 24.8.2010, 23:04
Добный день, незнаю как будет правильно сформулировать вопрос но все таки попробую..


Предположем есть web сайт. весь сайт использует site.css, но есть некая область в которой нет необходимости использовать CSS. Как сделать что бы в данной области не применялся CSS?

Новерно жутко страшно написал и ничего не понятно заранее прошу прощения.

Автор: bars80080 25.8.2010, 00:22
какой области? на некоторых страницах? или в некотором блоке на странице?

Автор: Miller_time 25.8.2010, 07:41
bars80080, 
В некотром блоке станицы.

Автор: Amphiluke 25.8.2010, 10:45
Может быть, этому блоку просто присвоить класс, в котором все значимые свойства установлены в inherit с пометкой !important;

Ну, к примеру
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
    p {
        background: navy;
        color: yellow;
        font: italic bold "Courier New", Courier, monospace;
    }
    a {
        color: green;
        text-decoration: none;
    }
    .large {
        color: #CC00FF;
        font-size: 36pt;
    }
    .cancelCSS * {
        background: inherit !important;
        color: inherit !important;
        font: inherit !important;
        text-decoration: inherit !important;
    }
</style>
</head>

<body>
    <p>text</p>
    <div>
        <a href="#">hyperlink</a><br />
        <span class="large">class ".large"</span>
    </div>

    <!-- блок, в котором все стили насильно унаследованы от body -->
    <div class="cancelCSS">
        <p>text</p>
        <div>
            <a href="#">hyperlink</a><br />
            <span class="large">class ".large"</span>
        </div>
    </div>

    <p>text</p>
    <div>
        <a href="#">hyperlink</a><br />
        <span class="large">class ".large"</span>
    </div>
</body>
</html>

Автор: WebDisaster 25.8.2010, 14:55
Цитата(Miller_time @  25.8.2010,  07:41 Найти цитируемый пост)
bars80080, 
В некотром блоке станицы. 

Если этот блок вставлять как самостоятельную страницу (файл) в iframe, никакие стили страницы на него действовать не будут, только свои собственные.

Вариант №2 - "http://meyerweb.com/eric/tools/css/reset/" от Эрика Мейера.

inherit-стили наследуются от родительского элемента.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)