JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="ul0">
<li>

<div id="div0">


    <!-- différents éléments contenant du texte des images, etc. -->
    <ul> //liste de niveau 1
         <li>
             ...... 
             <ul> //liste de niveau 2
                .....
             </ul>
         </li>
         ........
    </ul>
    <!-- différents éléments contenant du texte des images, etc. -->
    <ul> //liste de niveau 1
         <li>
             ...... 
             <ul> //liste de niveau 2
                .....
             </ul>
         </li>
         ........
    </ul>
    ...
    

</div>

</li>
</ul>

JavaScript

//console.log(document.querySelectorAll('ul:not(ul ul)'));


let div0= document.getElementById("div0");
console.log(div0);
console.log(div0.querySelectorAll('ul:not(ul ul)'))

console.log(div0.querySelectorAll(':scope ul:not(ul ul)'))


let ul0= document.getElementById("ul0");
console.log(ul0);
console.log(ul0.querySelectorAll('ul:not(ul ul)'))

console.log(ul0.querySelectorAll(':scope ul:not(ul ul)'))