fetching DIV that are inside unordered list and li

How can i get DIV that are inside ul and li like the below codes what shows, there is alot of DIV inside a single li what method should i use? there is codes i have used below but they fetch all li including those i don't need, need your thought how can i obtain example <div class="single-event__code"> from <li class="single-event live"> see below php and css codes

  <div class="app_content">
  <ul class="js-events-container">...</li>
    <li class="single-event live">...</li>
    <li class="single-event live">...</li>
    <li class="single-event live">...</li>
    <li class="single-event live">...</li>
    <li class="single-event live">
     ::before
     //First DIV of li
    <div class="single-event__code">
    Event Code: <strong>96441</strong>
               </div>
        <div class="single-event__time">
            <span class="score js-score">LIVE</span>
            <span class="time js-timer"></span>
            </div>
        <div class="single-event__players">
       <a href="/sportsbook/SOCCER/BRAZIL_SERIE_D/400953/">
        AA Portuguesa RJ <span> v </span> Audax SP </a>
                 </div>
       <div class="single-event__bets three markets">
    <div class="single-event__bets__container js-bets-container">
                <div class="single-event__bets__price">
                     1.02
                      </div><div class="single-event__bets__price">
                     81.00
                      </div><div class="single-event__bets__price">
                     101.00
                      </div></div>
    <div class="single-event__bets__more"><a href="/sportsbook/SOCCER/BRAZIL_SERIE_D/400953/" data-markets="+18">+<span>+18</span></a></div>
        </div>
   ::after
    </li>

    <li class="single-event live">...</li>
    <li class="single-event live">...</li>
    <li class="single-event live">...</li>
    <li class="single-event live">...</li>

UPDATE With this below PHP codes i can fetch all objects that are outside unordered list/list item and they will be displayed on screen but if i change and fetch data that are inside unordered list/list example <div class="single-event__code"> item it will output nothing.

 <?php

$html = file_get_contents('https://www.mkekabet.com/sportsbook/SOCCER/');
$dom = new DOMDocument();
 $internalErrors = libxml_use_internal_errors(true);
 $dom->loadHTML($html);
 libxml_use_internal_errors($internalErrors);
 $xpath = new DOMXPath($dom);

 $codeList = $xpath->query('//div[@class="app_content"]');
   foreach ($codeList as $codeDiv){
    var_dump($codeDiv->textContent);

 }

Need your thoughts.

You might want to use PHP DOM with xpath like in the example For selection, you can use "li.single-event .single-event__code". In this way you will get all the divs with the class "single-event__code" that are inside li elements.