How to exclude nested div from parent in JavaScript?

Question

Layout

There is an assignment of the format value. It is necessary to exclude all divs of the class from here, for example .main-left. I tried this option: and this option: but nothing happened. The essence of the situation is this - there is a JS script that scales the page content depending on the screen size. But I need to throw out some elements so that this scaling does not apply to them. At the same time, in terms of layout, they are nested to the parent div, which initially hooks the script. Could this be the problem?
cont = $('.main')


cont = $('.main:not(.main-left)')

cont = $('.main:not(:has(.main-left))')

Answer 1

$('.main').find('.main-left').remove();

// EDIT

$('.main').not('.main-left');

Answer 2

I dare to suggest that you had to write it down like this
. Better html skinte.

Answer 3

$(selector).not(selector2);