当前位置： 首页 > ds >正文

【前端基础】16、结构伪类（注：粗略说明）

ds 2025/8/12 6:34:52

一、结构伪类:nth-child()

在这里插入图片描述

在这里插入图片描述

例1：
在这里插入图片描述

例2：
在这里插入图片描述

二、结构伪类:nth-last-child()

在这里插入图片描述

在这里插入图片描述

三、结构伪类:nth-of-type()

:nth-child()的弊端：

在这里插入图片描述

:nth-of-type()的作用:
在这里插入图片描述
在这里插入图片描述

四、其他结构伪类

在这里插入图片描述

  • :first-child
    在这里插入图片描述
  • :only-child
    在这里插入图片描述
  • :only-of-type
    在这里插入图片描述

五、否定伪类:not()

在这里插入图片描述
在这里插入图片描述

http://www.xdnf.cn/news/17704.html

相关文章：

  • 数据上云有什么好处？企业数据如何上云？
  • 基于FPGA的热电偶测温数据采集系统，替代NI的产品（一）FPGA 测温研究现状
  • 自由学习记录（81）
  • 【JAVA】使用系统音频设置播放音频
  • 零 shot 语义＋在线闭环：深度学习让机器人学会“主动”
  • MySQL 数据操作全流程：创建、读取、更新与删除实战
  • 对比FRI 与 Ligero 证明大小
  • 怎么实现表征工程并强化模型的“事实性”“诚信性”
  • 深入解析大模型落地的四大核心技术：微调、提示词工程、多模态应用 及 企业级解决方案，结合代码示例、流程图、Prompt案例及技术图表，提供可落地的实践指南。
  • FreeRTOS学习:资源管理：互斥操作的本质
  • 腾讯云EdgeOne Pages深度使用指南
  • GPU指令集入门教程
  • 《 C Primer Plus》
  • 常用hook钩子函数
  • 快速了解DBSCAN算法
  • Vue.js设计于实现 - 响应式（三）
  • 音视频学习（五十二）：ADTS
  • Graham 算法求二维凸包
  • Python 2025：最新技术趋势与展望
  • 每日五个pyecharts可视化图表-line：从入门到精通 （2）
  • lesson34：深入理解Python线程：从基础到实战优化
  • jupyter notebook如何打开其他盘目录
  • MCP学习与实践
  • [激光原理与应用-222]：机械 - 3D设计与2D设计的异同比较
  • Linux 虚拟机磁盘空间占满-全面清理方案
  • Cesium1.95中如何高效管理 1500 个高频实体
  • 赋值运算符指南
  • 代码可读性与维护性的实践与原则
  • word中，添加新的参考文献后，其他参考文献的交叉引用不能及时更新的解决办法
  • 《Webpack与Vite热模块替换机制深度剖析与策略抉择》