JSFiddle - React, Tailwind, and code Playground

by Evgeny Pisarev

HTML

<div id="app">
      <div v-for="(item, i) in list" class="exampleclass">
        <div>
        <button>btn {{i}}</button>
        </div>
        <input placeholder="sometext" :value="item">
        <hr />
      </div>
    </div>

CSS

hr {
  border-color: green;
}

.exampleclass:last-of-type > hr{
  border-color: blue;
}

Vue

var app = new Vue({
      el: '#app',
      data: {
        list: ['itemOne', 'itemTwo', 'itemThree']
      }
    });