multiple class are not combinated with a `.` (dot)

[Dexus]

result:

list = document.querySelector('div#list'),
/**/col6 = document.querySelector('div#list div.col-6 m-text'),
/****/exo = document.querySelector('div.col-6 div.exo'),
/******/b = document.querySelector('div.exo b'),
/******/b = document.querySelector('div.exo b'),
/****/sText = document.querySelector('div.col-6 span.s-text'),
/****/sText = document.querySelector('div.col-6 span.s-text'),
/****/br = document.querySelector('div.col-6 br'),
/**/col6 = document.querySelector('div#list div.col-6 m-text text-right'),
/****/exo = document.querySelector('div.col-6 div.exo'),
/******/b = document.querySelector('div.exo b'),
/******/br = document.querySelector('div.exo br'),
/****/b = document.querySelector('div.col-6 b'),
/**/col12 = document.querySelector('div#list div.col-12 bg-light s-text font-weight-bold text-center'),
/**/p2 = document.querySelector('div#list div.p-2 bg-light col-4 m-text text-center'),
/****/b = document.querySelector('div.p-2 b'),
/**/bgLight = document.querySelector('div#list div.bg-light p-2 col-4 m-text text-center'),
/****/b = document.querySelector('div.bg-light b'),
/**/bgLight = document.querySelector('div#list div.bg-light p-2 col-4 m-text text-center'),
/****/b = document.querySelector('div.bg-light b'),
/**/col12 = document.querySelector('div#list div.col-12 s-text font-weight-bold text-center');

excepted result:

list = document.querySelector('div#list'),
/**/col6 = document.querySelector('div#list div.col-6.m-text'),
/****/exo = document.querySelector('div.col-6 div.exo'),
/******/b = document.querySelector('div.exo b'),
/******/b = document.querySelector('div.exo b'),
/****/sText = document.querySelector('div.col-6 span.s-text'),
/****/sText = document.querySelector('div.col-6 span.s-text'),
/****/br = document.querySelector('div.col-6 br'),
/**/col6 = document.querySelector('div#list div.col-6.m-text.text-right'),
/****/exo = document.querySelector('div.col-6 div.exo'),
/******/b = document.querySelector('div.exo b'),
/******/br = document.querySelector('div.exo br'),
/****/b = document.querySelector('div.col-6 b'),
/**/col12 = document.querySelector('div#list div.col-12.bg-light.s-text.font-weight-bold,text-center'),
/**/p2 = document.querySelector('div#list div.p-2.bg-light.col-4.m-text.text-center'),
/****/b = document.querySelector('div.p-2 b'),
/**/bgLight = document.querySelector('div#list div.bg-light.p-2.col-4.m-text.text-center'),
/****/b = document.querySelector('div.bg-light b'),
/**/bgLight = document.querySelector('div#list div.bg-light.p-2 col-4.m-text.text-center'),
/****/b = document.querySelector('div.bg-light b'),
/**/col12 = document.querySelector('div#list div.col-12.s-text.font-weight-bold.text-center');

code:

<div id="list">
  <div
    class="row border opa sorter"
    data-distance="331"
    data-ydclass="542"
    data-jdclass="182"
    data-fdclass="45"
    data-rway="4593"
    data-large="271"
    data-heavy="182"
  >
    <div class="col-6 m-text">
      <div class="exo"><b>AH</b>-<b>AM</b></div>
      <span class="s-text">Soxxxxra</span> -
      <span class="s-text">Soxxxxda</span><br />
    </div>
    <div class="col-6 m-text text-right">
      <div class="exo"><b>331 km</b><br />4,593ft rwy</div>
      Market: <b>69%</b>
    </div>
    <div class="col-12 bg-light s-text font-weight-bold text-center">Daily</div>
    <div class="p-2 bg-light col-4 m-text text-center">
      <img
        src="assets/img/economy_seat.png"
        style="height: 18px"
      />
      YD class <b>542</b>
    </div>
    <div class="bg-light p-2 col-4 m-text text-center">
      <img
        src="assets/img/business_seat.png"
        style="height: 18px"
      />
      JD class <b>182</b>
    </div>
    <div class="bg-light p-2 col-4 m-text text-center">
      <img
        src="assets/img/first_seat.png"
        style="height: 18px"
      />
      FD class <b>45</b>
    </div>
    <div class="col-12 s-text font-weight-bold text-center">
      Weekly (Charter)
    </div>
  </div>
</div>