当前位置: 首页 > news >正文

css 伪类选择器 结构伪类

css 伪类选择器 结构伪类

常用的:

:first-child 所有兄弟元素中的第一个
:last-child 所有兄弟元素中的最后一个
:nth-child(n) 所有兄弟元素中的第n个
:first-of-type 所有同类型兄弟元素中的第一个
:last-of-type 所有同类型兄弟元素中的最后一个
:nth-of-type(n) 所有同类型兄弟元素中的第n个

关于n的值:

  1. 0或不写:什么都不选中
  2. 2n或even:选中序号为偶数的子元素
  3. 2n+1或odd:选中序号为奇数的子元素
  4. -n+3: 选中的是前3个

:nth-last-child(n) 所有兄弟元素中的倒数第n个
:nth-last-of-type(n) 所有同类型兄弟元素中的倒数第n个
:only-child 选择没有兄弟的元素(独生子女)
:only-of-type 选择没有同类型兄弟的元素
:root 根元素
:empty 内容为空元素(空格也算内容)

http://www.lryc.cn/news/69577.html

相关文章:

  • 常用的表格检测识别方法-表格区域检测方法(上)
  • 【运维知识进阶篇】集群架构-Rewrite重定向
  • JavaScript如何使用while循环
  • 『MySQL 实战 45 讲』16 - “order by” 是怎么工作的
  • 怎么给移动硬盘查错?移动硬盘查错能恢复数据吗
  • javaIO流之缓冲流
  • 定义制造业操作(定义 MES/MOM 系统)
  • 人工智能专栏第二讲——人工智能的基础技术
  • 注意!ChatGPT的Plus账号也会被封禁
  • 理解:Public Key Cryptography的应用
  • 深度学习中的图像分类介绍
  • 自然语言处理基础
  • 低代码与其拓荒,不如颠覆开发行业
  • 【数据结构】散列表(哈希表)
  • Flutter 笔记 | Flutter 核心原理(一)架构和生命周期
  • 【Linux进阶之路】基本指令(下)
  • Vue--》Vue 3 路由进阶——从基础到高级的完整指南
  • 【华为OD机试真题】【python】 网上商城优惠活动(一)【2022 Q4 | 100分】
  • 【业务数据分析】—— 用户留存分析(以挖掘Aha时刻为例)
  • 极客的git常用命令手册
  • spring-data 一统江湖,玩转多种数据源
  • 【EMC专题】为什么PCB上的单端阻抗控制在50欧?
  • 想自学写个操作系统,有哪些推荐看的书籍?
  • 深入理解Java虚拟机:JVM高级特性与最佳实践-总结-7
  • ES6中flat与flatMap使用
  • 苹果手机、电脑如何进行屏幕录制?苹果录屏功能在哪?
  • 什么是研发 Lead Time?我悟了!
  • android 窗口焦点介绍
  • 研发工程师玩转Kubernetes——构建、推送自定义镜像
  • [网络安全]DVWA之XSS(Stored)攻击姿势及解题详析合集