欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2023-12-28 23:47:52
...

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

  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>

结果:

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

上一篇:

下一篇: