Контрольные дети css в js

Question

У меня есть родительский тег как #parallax-bg1, и я могу ссылаться на них целиком в js. Но как мне передать его детей? Как в #bg1-1 и #bg1-2 каждый?

Чтобы вместо изменения всего родительского элемента # parallax-bg1 я мог установить значения для каждого из его дочерних элементов # bg1-1 и # bg1-2.

основной. css

#parallax-bg1 {
    z-index: 1;
    position: fixed;
    /*left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 2200px;
    margin-left: -270px; /* move left by half element's width */
}
#bg1-1 {
    position: absolute;
    top: 48px;
    left: 270px;
    width: 1920px;
    height: 1080px;
}
#bg1-2 {
    position: absolute;
    top: 48px;
    left: 1990px;
    width: 1920px;
    height: 1080px;
    }

js

function Scroll(){
    var scrolled = $(window).scrollTop();

    $('#parallax-bg1').css('left',(0-(scrolled*.4))+'px'); //parent

}

Answer 1

Ваниль Javascript

document.querySelector('#parallax-bg1 #bg1-1').style.left = `0-(${scrolled}*.4))px`

Jquery

$('#parallax-bg1 #bg1-1').css('left',(0-(scrolled*.4))+'px'); //parent