获取所有单数、双数子元素---隔行换色效果

/* css */
/* 所有双数和单数子元素（隔行变色） */
    .myul>li:nth-child(odd){
      background-color: #FF0;
    }
    .myul>li:nth-child(even){
      background-color: violet;
    } 
    /* n的倍数 */
    /*.myul>li:nth-child(2n){
      background-color: turquoise;
    }*/

/* html */
<ul class="myul">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
  </ul>