liの要素を横5列にしたい

Question

■問題点
liの要素を横5列にしたいのだがこのように記述すると中の画像がなぜかすごく小さくなってしまいます。
画像が小さくならず横5列にする方法を教えて欲しいです。

<ul class="replies">
  <li>
   <div>
    <div>
     <ol>
      <li>
       <div>
        <img>
       </div>
      </li>
     </ol>
   </div>
  </div>
 </li>
//繰り返し
</ul>

.replies{
    li{
        width: calc(100%/6);
    }
}

//これは反映されませんでした。
.replies{
    &>li{
        width: calc(100%/6);
    }
}

■補足

Answer 1

ulの直下のliとol以下のliがあるので設定が競合しているのでは？
普通にcssで依存状態を意識して記載してみるとよいでしょう

Comments

[cafe1111]

&>liこのようにやってみましたが反映されませんでした。

[yambejp]

まずは通常のcssで書いて、scssに書き換えてみてください

[cafe1111]

わかりました！