CSS как сделать зависимость элементов?

<div class="row">
      <div class="col">if .col = 4  width = 50%</div>
      <div class="col">if .col = 4 width = 50%</div>
      <div class="col">if .col = 4 width = 50%</div>
      <div class="col">if .col = 4 width = 50%</div>
</div>

<div class="row">
      <div class="col">if .col = 1  width = 100%</div>
</div>