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

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

news 2025/8/12 17:10:48

一、结构伪类: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.lryc.cn/news/618061.html

相关文章：

  • Facebook广告投放进阶：ABO精测与CBO放量的协同增长策略
  • 计算机网络---DNS(域名系统）
  • Java 大视界 -- Java 大数据在智能安防视频监控系统中的多目标跟踪与行为分析优化（393）
  • [Ubuntu] xrdp共享连接 Ubuntu 屏幕 | xfce4
  • 爬虫与数据分析结合案例
  • C++11的历史和统一的初始化列表
  • 数据填报是什么？数据填报工具有哪些？
  • 蓝桥杯算法之搜索章 - 4
  • 【单板硬件开发】关于复位电路的理解
  • 掌握do-while循环：从语法到运用
  • 18.5 BERT评估指标终极指南：HuggingFace实战提升文本分类效果
  • 【LeetCode刷题集】--排序（三）
  • 基于FPGA的热电偶测温数据采集系统，替代NI的产品（二）总体设计方案
  • 用 Flink SQL 和 Paimon 打造实时数仓：深度解析与实践指南
  • 疫情可视化：基孔肯雅热风险地图实战解析
  • 自建Web应用防火墙(WAF)
  • 深入剖析 C++ STL 中的 std::list 容器
  • 机器学习-决策树（DecisionTree）
  • conda一键配置python开发环境
  • .NET Core MVC中CSHTML
  • 在 Rocky Linux 9.2 上使用 dnf 安装 Docker 全流程详解
  • 嵌入式硬件中AI硬件设计方法与技巧
  • 跨平台、低延迟、可嵌入：实时音视频技术在 AI 控制系统中的进化之路
  • day23｜前端学习三件套
  • JavaScript Const的基础使用
  • 爬虫与数据分析实战
  • 爬虫和数据分析相结合案例
  • 介绍一下jQuery的AJAX异步请求
  • android 换肤框架详解2-LayoutInflater源码解析
  • 【Linux文件操作】文件操作系统调用