Как установить свойство CSS одного класса из другого класса

Question

Я применяю стиль css для "body" и для div, идентификатор которого "overlay", например:

body
{
    margin:0;
    background:#FEFEFE url(../Images/gradientHeader1.png);
    background-repeat:repeat-x;
}

overLay
{
    background-color:#666666;
    height:1000px;
    left:0;
    opacity:0.5;
    position:absolute;
    margin-top:0;
    width:100%;
    z-index:1003;
}

div "overLay" находится внутри тега noscript, который отображается в браузере только тогда, когда javascriptОтключено в браузере. Мне нужно, чтобы я устанавливал «overflow: hidden» в теле, когда визуализируется div «overLay». Можно ли установить свойство overflow тела из #overLay? или любым другим способом?

Answer 1

Да, вы можете сделать это без сценариев:

<noscript>
    <div id="overLay">whatever</div>
    <style type="text/css">
        body {
            overflow: hidden !important;
        }
    </style>
</noscript>

(Вам также нужно # в вашем правиле CSS: #overLay { ... })

Answer 2

Вы должны сделать это наоборот Установите тело таким, каким оно должно быть, когда сценарии отключены, и измените его с помощью javascript