为了账号安全,请及时绑定邮箱和手机立即绑定

css选择器怎么选取每两个改变背景颜色

css选择器怎么选取每两个改变背景颜色

周末早安 2020-02-26 17:52:55
例如:<p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p>9</p> <p>10</p> <p>11</p> <p>12</p>怎么选择1,2跳过3,4选择5,6以此类推
查看完整描述

1 回答

?
MAIN_tzboy

TA贡献4条经验 获得超2个赞

<!DOCTYPE html>
<html>
    <head>
    <title></title>
    <style type="text/css">
    .demo{
        display: inline-block;width: 50px;height: 50px;
        background-color: #e3e3e3;
    }
    .demo:nth-child(4n+1),.demo:nth-child(4n+2){
        background-color: red;
    }
  </style>
  </head>
  <body>
  <div class="demo-list">
      <div class="demo"></div>
      <div class="demo"></div>	
      <div class="demo"></div>	
      <div class="demo"></div>	
      <div class="demo"></div>	
      <div class="demo"></div>	
      <div class="demo"></div>	
      <div class="demo"></div>	
      <div class="demo"></div>	
      <div class="demo"></div>	
      <div class="demo"></div>	
      <div class="demo"></div>
    </div>
</body>
</html>

?

查看完整回答
反对 回复 2020-03-13
  • 1 回答
  • 0 关注
  • 1164 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信