H5 19-序选择器下
Posted 甘林梦的开发之路
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5 19-序选择器下相关的知识,希望对你有一定的参考价值。
19-序选择器下
我是项目
我是项目
我是项目
我是项目
我是项目
我是项目
我是项目
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>19-序选择器下</title> <style> /* p:nth-child(odd){ color: red; } p:nth-child(even){ color: blue; } */ /* p:nth-of-type(odd){ color: red; } p:nth-of-type(even){ color: blue; } */ /* p:nth-child(2n+0){ color: red; } p:nth-child(2n+1){ color: blue; } */ p:nth-child(3n+0){ color: red; } </style> </head> <body> <!-- :nth-child(odd) 选中同级别中的所有奇数 :nth-child(even) 选中同级别中的所有偶数 :nth-child(xn+y) x和y是用户自定义的, 而n是一个计数器, 从0开始递增 --> <p>我是项目</p> <p>我是项目</p> <p>我是项目</p> <p>我是项目</p> <p>我是项目</p> <p>我是项目</p> <p>我是项目</p> </body> </html>
以上是关于H5 19-序选择器下的主要内容,如果未能解决你的问题,请参考以下文章