nth-child选择器教程
html一次书写多个li
ul>li{小木鱼网络$}*10 按tab键 就能输出多个li
<style type="text/css">
h3:first-child{color: #FF0000;}
li:nth-child(5){color: #FF0000;}
li:nth-child(2n+1){color: #FF0000;}
li:nth-child(-n+6){color: #00FFFF;}
li:nth-child(n+2):nth-child(-n+6){color: antiquewhite}
</style>
<ul>
<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>
多个选择器可以配合使用
