1-选择器 计算法
<!DOCTYPE html>
<html>
<head>
<style>
/*簡單數字序號寫法*/
li:nth-child(2){background-color:yellow;
}
/*倍數寫法*/
li:nth-child(3n){background-color:green;
}
/*倍數分組匹配*/
li:nth-child(3n+1){background-color:red;
}
/*奇偶匹配*/
ol li:nth-child(odd){background-color:pink;
}ol li:nth-child(even){background-color:blue;
}/*only-child*/
#olid li:only-child{color:red;
}#olid2 li:last-child{color:red;
}
</style>
</head><body>
<ul><li>1</li><li>2</li><li>3</li>
</ul><ol><li>1</li><li>2</li><li>3</li><li>4</li>
</ol><ol id="olid"><li>1</li>
</ol><ol id="olid2"><li>1</li><li>2</li><li>3</li><li>4</li>
</ol>
</body>
</html>
轉載于:https://www.cnblogs.com/1020182600HENG/p/7079675.html
總結
- 上一篇： 有没有灵通英语第五册（七年级）这本书？
- 下一篇： Tomcat7并发和线程数