1-选择器 计算法
Posted 奋斗的少年WH
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>
以上是关于1-选择器 计算法的主要内容,如果未能解决你的问题,请参考以下文章