CSS3中选择器

css3中的属性选择器 选择器: :root 根选择器(相当于html) :not 取反选中器(否定选择器) :empty 空选择器(选中没有任何元素的标签) :target 目的选择器 选择器:(同级元素标签,标签相同) :first-child  第一个子元素 :last-child  最后一个子元素 :nth-child(n) ...
CSS3中选择器
css3中的属性选择器

选择器: :root 根选择器(相当于html) :not 取反选中器(否定选择器) :empty 空选择器(选中没有任何元素的标签) :target 目的选择器

选择器:(同级元素标签,标签相同) :first-child  第一个子元素 :last-child  最后一个子元素 :nth-child(n) :only-child 只有一个子元素时 :nth-last-child(n) 倒数 n:数字 / 表达式 / 奇odd / 偶even

选择器:(同级元素标签,标签不同) :first-of-type 第一个子元素 :last-of-type  最后一个子元素 :nth-of-type(n) :only-of-type 只有一个子元素时:nth-last-of-type(n) 倒数 n:数字 / 表达式 / 奇odd / 偶even

选择器:(表单) :disabled 禁用 :enabled 可用 :checked 默认选中菜单
选择器: ::selection 默认选中 :read-only 只读 :read-write 可写

选择器:(举例div中class名) div [class= ' a' ]{ }   class名必须有a的 div [class*=' a ' ]{ }  class名中包含a的 div [class^=' a ' ]{ }  class名中以a开头 div [class$=' a ' ]{ }  class名中以a结尾2023-09-10
mengvlog 阅读 13 次 更新于 2025-06-20 01:21:55 我来答关注问题0
  •  翡希信息咨询 CSS3——:nth-child选择器基本用法简述

    CSS3 的 :nthchild 选择器基本用法如下:基本选择:p:nthchild:选择父元素中第 n 个子元素,且该子元素为 p 元素。n 是从 1 开始的。例如,p:nthchild 表示选择父元素中的第二个 p 元素。倍数选择:p:nthchild:选择父元素中所有符合 an规则的 p 元素。例如,p:nthchild 表示选择父元素中...

  •  深空见闻 CSS3中选择器

    根选择器::root:选中根元素,通常等价于标签。否定选择器::not(selector):选中不匹配给定选择器的元素。例如,div:not(.active)选中所有没有.active类的元素。特殊状态选择器::empty:选中没有任何子元素(包括文本节点)的元素。:target:选中URL中指定id的元素。例如,如果URL是http://example.c...

  • :nth-child 是 CSS3 提供的一个实用的选择器,它常用于项目中,以下是对其常用方法的简要介绍。示例代码中使用的例子相同,p 元素的父元素都是 body p:nth-child(2)这个选择器表示为第2个 p 元素添加背景色,p:nth-child(3)则指第3个 p 元素,以此类推 以上述示例为承接,如果这里的 p 元素...

  • CSS3新增的属性选择器是一种依据元素属性及其属性值来选择目标元素的选择器,主要包括以下几种类型:根据属性名选择:可以选择具有特定属性的元素,而无需依赖类选择器或ID选择器。例如,选择所有带有”value”属性的input元素。根据属性值选择:可以进一步根据属性值来选择元素,从而精简代码。例如...

  •  翡希信息咨询 CSS3选择器知识整理

    CSS3选择器主要分为基本选择器、组合选择器、伪类选择器、伪元素选择器和属性选择器五类。以下是详细的知识整理:1. 基本选择器 标签选择器:通过HTML标签名来选择元素,如h1、p等。 类选择器:通过元素的class属性来选择元素,使用.前缀,如.classname。 ID选择器:通过元素的id属性来选择元素,使用#...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部