CSS中常用的伪类选择器

一、伪类（不存在的类，特殊的类）

-伪类用来描述一个元素的特殊状态

比如：第一个元素，被点击的元素，鼠标移入的元素···

-特点：一般请情况下，使用：开头

1、 :first-child 第一个子元素

2、 :last-child 最后一个子元素

3、 :nth-child() 选中第n个子元素

特殊值： n 所有的

2n或even 选中偶数

2n+1或odd 选中奇数

—以上这些伪类都是根据所有的子元素进行排序

1、:first-of-type

2、:last-of-type

3、:nth-of-type()

功能跟上面相似，

—不同的是，这是在同类型的子元素中去选择

二、:not() 否定伪类

-将符合条件的元素从选择器中去除

以下为代码演示


html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
    <style>
      /*去掉项目符号*/
      ul {
        list-style: none;
      }
      /* 需求一：将ul里的第一个li自动一直设置为红色 */
      /* ul>li:first-child{color:red} */
      /* ul>li:last-child{color:blue} */
 
      /* ul>li:not(:nth-child(3)){color: green;} */
      /* ul>li:not(:nth-of-type(3)){color: green;} */
      /* li:nth-child(1) {
        color: pink;
      } */
      /* li:nth-of-type(1){
        background-color: red;
      } */
      li:not(:first-of-type){
        font-size: 50px;
      }
    style>
  head>
  <body>
    <h1>沁园春·雪h1>
    <h3>毛泽东h3>
    <ul>
      <span>测试span>
      <p>北国风光，千里冰封，万里雪飘。p>
      <li>望长城内外，惟余莽莽；大河上下，顿失滔滔。li>
      <li>山舞银蛇，原驰蜡象，欲与天公试比高。li>
      <li>须晴日，看红装素裹，分外妖娆。li>
      <li>江山如此多娇，引无数英雄竞折腰。li>
      <li>惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。li>
      <li>一代天骄，成吉思汗，只识弯弓射大雕。li>
    ul>
  body>
html>

相关阅读:
人员离岗睡岗自动识别系统
视频评论挖掘软件|抖音视频下载工具
Linux ARM平台开发系列讲解（摄像头V4L2子系统） 2.12.2 摄像头V4L2出图框架介绍
VL2 异步复位的串联T触发器
深度学习概览
【Pygame小游戏】这款“吃掉一切”游戏简直奇葩了？通通都吃掉嘛？（附源码免费领）
【Redis】深入探索 Redis 的数据类型 —— 字符串 string
阿里云 linux 的nginx 配置uni-app的H5前端项目vue，后端接口阿里云。
【opencv-c++】windows10系统安装OpenCV4.6.0
如何在聊天记录中实时查找大量的微信群二维码

原文地址：https://blog.csdn.net/csgojingyu/article/details/134534293