Question on Proper Selector Usage For “Messy” Page Builders

Plugin Versions:
Wordpress Version 5.3
Auto Load Next Post Version 1.5.14
Elementor Version 2.7.5
Elementor Pro Version 2.6.5

Background:
I am utilizing Astra theme as a base for pages designed/built in Elementor page builder.

Currently, the automatic selector functionality of Auto Load Next Post does not detect and configure Astra theme’s selectors. The plugin retains its default values of:

Content Container main.site-main
Post Title h1.entry-title
Post Navigation nav.post-navigation
Comments Container div#comments

Question:
How choosy is the plugin regarding selectors?

For example:
If my pagination element has multiple wrappers & each wrapper/element has multiple classes – how exacting must I be with the wrapper & class that I use for filling out the Auto Load Next Post Selectors.

<div #myNav>
<div class=”elementor-generated elementor-wrapper arbitrary-three”>
<div class=”elementor-generated elementor-wrapper navBlock randomClass”>
<div class=”elementor-generated navPrevious elementor-wrapper”>
</div>
<div class=”elementor-generated navNext elementor-wrapper”>
</div>
</div>
</div>

Will selector div.navBlock work or must I use div.navBlock.randomClass?

Or must I do something else entirely?

I’m having a lot of trouble getting the correct selectors dialed in.

The page I need help with: [log in to see the link]