Жаль.. а как просто закрасить с 5 по 8-ой элемент в один стиль, если они все видны.
<style> .tovarblock tw:nth-child(n+5) { color:red; }
.tovarblock tw:nth-child(n+9) { color:black; }</style>
<div class="tovarblock" >
<tw class="col-4 simpleCart_shelfItem" >1</tw>
<tw class="col-4 simpleCart_shelfItem" >2</tw>
<tw class="col-4 simpleCart_shelfItem" >3</tw>
<tw class="col-4 simpleCart_shelfItem" >4</tw>
<tw class="col-4 simpleCart_shelfItem" >5</tw>
<tw class="col-4 simpleCart_shelfItem" >6</tw>
<tw class="col-4 simpleCart_shelfItem" >7</tw>
<tw class="col-4 simpleCart_shelfItem" >8</tw>
<tw class="col-4 simpleCart_shelfItem" >9</tw>
<tw class="col-4 simpleCart_shelfItem" >10</tw>
<tw class="col-4 simpleCart_shelfItem" >11</tw>
<tw class="col-4 simpleCart_shelfItem" >12</tw>
<tw class="col-4 simpleCart_shelfItem" >13</tw>
<tw class="col-4 simpleCart_shelfItem" >14</tw>
<tw class="col-4 simpleCart_shelfItem" >15</tw>
<tw class="col-4 simpleCart_shelfItem" >16</tw>
<tw class="col-4 simpleCart_shelfItem" >17</tw>
<tw class="col-4 simpleCart_shelfItem" >18</tw>
</div>