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

【前端基础】16、结构伪类(注:粗略说明)

一、结构伪类: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.dtcms.com/a/325216.html

相关文章:

  • 卫星授时原理详解
  • 模考50题卷一 05
  • 《算法导论》第 19 章 - 斐波那契堆
  • 【Node.js从 0 到 1:入门实战与项目驱动】1.4 Node.js 的发展与生态(历史版本、LTS 版本、npm 生态系统)
  • Apache RocketMQ:消息可靠性、顺序性与幂等处理的全面实践
  • 使用docker compose 部署dockge
  • Nmap 渗透测试弹药库:精准扫描与隐蔽渗透技术手册
  • 心理咨询|学生心理咨询评估系统|基于Springboot的学生心理咨询评估系统设计与实现(源码+数据库+文档)
  • CSS accent-color:一键定制表单元素的主题色,告别样式冗余
  • GSON 框架下百度天气 JSON 数据转 JavaBean 的实战攻略
  • 基于 Spring Boot 的登录功能实现详解
  • 基于飞算JavaAI的日志监测系统开发实践:从智能生成到全链路落地
  • 34-Hive SQL DML语法之查询数据-3
  • <typeAliases>
  • Django路由学习笔记
  • word格式设置-论文写作,样式,字号等
  • 在Debian上安装MySQL
  • java设计模式之开闭原则使用举例
  • 5种无需USB线将照片从手机传输到笔记本电脑的方法
  • Linux 流编辑器 sed 详解
  • 实体瘤疗效评估标准
  • 图像打标工具/方法的分类和特点说明
  • Launcher3启动
  • Ansys Mechanical中的声学分析
  • 人工智能与农业:农业的革新
  • Nginx学习笔记(二)——环境准备(VMware CentOS版)
  • Mybatis @Param参数传递说明
  • Postgresql源码(148)hash表的调试方法与技巧
  • Apache IoTDB 全场景部署:基于 Apache IoTDB 的跨「端-边-云」的时序数据库 DB+AI
  • ZeroNews:如何构建安全(无需 V*N!)的工业物联网连接