之前CSS语法课程之选择器CSS选择器

  你好,我是 winter。

  我们在之前 CSS 语法课程中,已经介绍了关于选择器的一部分基础知识。在今天的这一课里,我们来系统学习一下 CSS 选择器。

  在 CSS 语法课程中,我们已经见过一些选择器了,但在进入到具体的选择器介绍之前,我们首先要对选择器有一个整体的认识。

  我先来讲讲选择器是什么,选择器是由 CSS 最先引入的一个机制(但随着 document.querySelector 等 API 的加入,选择器已经不仅仅是 CSS 的一部分了)。我们今天这一课,就重点讲讲 CSS 选择器的一些机制。

  css选择最后一个元素_css选中父元素和子元素_jquery 使用css 选择器选中元素

  选择器的基本意义是:根据一些特征,选中元素树上的一批元素。

  我们把选择器的结构分一下类,那么由简单到复杂可以分成以下几种。

  css选中父元素和子元素_css选择最后一个元素_jquery 使用css 选择器选中元素

  简单选择器:针对某一特征判断是否选中元素。

  复合选择器:连续写在一起的简单选择器jquery 使用css 选择器选中元素,针对元素自身特征选择单个元素。

  css选中父元素和子元素_css选择最后一个元素_jquery 使用css 选择器选中元素

  复杂选择器:由“(空格)”“ >”“ ~”“ +”“ ||”等符号连接的复合选择器,根据父元素或者前序元素检查单个元素。

  选择器列表:由逗号分隔的复杂选择器,表示“或”的关系。

  css选择最后一个元素_css选中父元素和子元素_jquery 使用css 选择器选中元素

  我们可以看到,选择器是由简单选择器逐级组合而成的结构,那么我们就来首先看一下简单选择器。

  简单选择器

  我们在前面说过,简单选择器是针对某一特征判断是否为选中元素。今天我会为你介绍一系列常见的简单选择器,我们把相似的简单选择器放在一起jquery 使用css 选择器选中元素,这样更易于你去记忆。

文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/1958
0 评论
633

发表评论

!