首页前端开发CSSCSS中的nth-of-type如何使用

CSS中的nth-of-type如何使用

时间2024-05-21 06:24:03发布访客分类CSS浏览88
导读: 如何使用nth-of-type? 我们先来看看nth-of-type的具体描述,注意":"(冒号)在"nth-of-type(2n)"之前附加。 li:nth-of-type(2n { } ()内的"n"表示的是...
  如何使用nth-of-type?   我们先来看看nth-of-type的具体描述,注意":"(冒号)在"nth-of-type(2n)"之前附加。   li:nth-of-type(2n){   }   ()内的"n"表示的是第几位,"2n"则表示是其是2的倍数   你还可以指定其他的数,比如"3n+1"、"odd"、"even"等。   我们来看一个具体的示例   代码如下   HTML代码                  CSSnth-of-type            
      
  • 1
  •   
  • 2
  •   
  • 3
  •   
  • 4
  •   
  • 5
  •   
  • 6
  •   
  • 7
  •   
        CSS代码   sample.css   li:nth-of-type(2n){   color:#5bc0de;   }   li{   margin:10px;   font-size:120%;   }






本文转载自中文网

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: CSS中的nth-of-type如何使用
本文地址: https://pptw.com/jishu/664685.html
如何使用CSS设置页面打印 CSS中hack是什么意思

游客 回复需填写必要信息