博客列表 >伪类选择器元素的匹配过程

伪类选择器元素的匹配过程

杨像腾
杨像腾原创
2021年12月27日 13:39:34302浏览

元素的选择只有两种情况:

  1. 选一个和选一组,算法(an+b
  2. 选一个时a0,
  3. 一组a1
  4. 奇偶数的快速写法:
  5. 奇:odd;偶:even

组小案例(鼠标移入变色)

  1. <ul>
  2. <ul class="list">
  3. <li>item1</li>
  4. <li>item2</li>
  5. <li>item3</li>
  6. <li>item4</li>
  7. <li>item5</li>
  8. <li>item6</li>
  9. <li>item7</li>
  10. <li>item8</li>
  11. </ul>
  12. <style>
  13. .list > li:nth-of-type(odd):hover {
  14. background-color: rgb(20, 35, 243);
  15. }
  16. </style>

结果:

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议