li + li

by Kim Ara

HTML

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>5</li>
  <li>5</li>
</ul>

CSS

*{margin:0;padding:0}
ul{background:#ddd;font-size:0}
li{width:50px;height:40px;display:inline-block;}
li:nth-child(even){background:green}
li:nth-child(odd){background:yellow}
li+li{margin-left:5px}