当前位置:网络安全 > CSS3第n个伪类选择器

CSS3第n个伪类选择器

  • 发布:2023-10-07 11:43

-->

检查以下 HTML 代码片段:



第1节

第2节


  • 项目 1



    • 子项目1

    • 子项目2

    • 子项目3



  • 第 3 项

  • 第 4 项

  • 项目 5

  • 项目 6

  • 项目 7

  • 项目 8

  • 项目 9


第3节

第4节

第5节

只有部分允许我们选择所有

标签,如果我们想要特定的标签怎么办?例如,仅选择第一个。

那么你可能已经知道了:first-child伪类选择器,所以选择第一个并不麻烦。同样,您可以使用 :last-child 选择最后一个指定的元素。

部分:第一个子项,部分:最后一个子项 {
颜色:红色;
}

结果出来了:

css :fist-child & :last-child 选择器

当场景变得比较复杂的时候,比如选择第二个、第三个或者基数,我们很自然的就会想到引入一个变量来完成任务。

相关文章