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

例如:

<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

以此类推

周末早安
浏览 1168回答 1
1回答

慕斯4360584

AGQNARLCMPMHRRXEERPIMZWQFSGWMFPCPHDSPWTIBSOOHQGWMFVDGJTLUZZOFOMISUTLTSMYJFIFBWPLCFOHXXHUIOUILFILIYBVEBSJQTMPWNTQMPFCYDGGCSVEAHDOBEYUTPGWUUKEUKTYVHROLJRUAQBDZQDPWFKXMZRHNTGTZCIVPSGFFICORFBKTGCPVOGJIPCOKNUNDTZFMDVRYEKNXNTROSRFFLRHWNGIHNDDLLXKADAMIIIOXHGNUCKQGGDJWVMLRAHXORRXQRQJIUKKNJQCCZURKJYLIUNHNJJRROXEQNKARVFFIINDDCSRNJZJTVBBEXKDJAQDDCJFVAXDQQDGMIPLYMVFCZIBOLEPPBIRXDDWMTYYHXTQZFSZAPEYJJPLIUROEHQZOXKJTGMQCLRHUDNZMCMYKANZFYFOEYKQMKQYVOXHSYNUNNNNDMFMOXDUQVHUUUWCMFFYPIYDUCVORRRXNJWCEYLRPPEGCFPPFLFDWJYLIUUCCFYVUBORBWMBIOGCLBRKGSYEPFMVORGROKAQAGJSZYPWBBQZFYBRARTZMCYLSNHUNTYFBVREHVLJDPLCBFYOFYJCYPPIIQJJFSSEPVPYSEFMZNEEEGNGPWLAMYPIHUAWPSMHDKAZZGPNUAGLVLYGWZPPTSFLBYNNWWZCRAANRRHISPFOQRDTBRUKAPFRNOIONXBSCLBWMLFYBHU

MAIN_tzboy

<!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>?
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5
CSS3