资讯专栏INFORMATION COLUMN

课时72.子元素选择器(掌握)

Bowman_han / 692人阅读

摘要:什么是子元素选择器作用找到指定标签中所有特定的直接子元素,然后设置属性。子元素选择器可以通过符号一知延续下去

1.什么是子元素选择器?

作用:找到指定标签中所有特定的直接子元素,然后设置属性。

格式:

标签名称1>标签名称2{

                         属性:值;

}

先找到名称叫做“标签名称1”的标签,然后在这个标签中查找所有直接子元素名称叫做“标准名称2”的元素

  

注意点:

1.子元素选择器只会查找儿子,不会查找其它被嵌套的标签

2.子元素选择器之间需要用>符号连接,并且不能有空格

(为什么不能有空格?因为学到后面我们知道元素选择器之间可以混合使用的,如果你加了一个空格就会变成后代选择器了)

3.子元素选择器不仅仅可以使用标签名称,还可以使用其它选择器

你也可以使用id和id,类和类,id和类,id和标签等等。

4.子元素选择器可以通过>符号一知延续下去

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2124.html

相关文章

  • 我是如何学习游戏引擎的?

    摘要:下面列举了游戏开发中常见的岗位以及两条常见的协作开发的流水线其实学习游戏引擎,前期对于任何岗位来说路线都是相似的,基本上就是一个熟悉基本操作理解基本概念拓展专业知识的过程。当然这不是绝对的,任何引擎的开始阶段和大成阶段都是相似的。 这是【游戏开发那些事】第51篇原创 前言:游戏引擎,表面...

    未东兴 评论0 收藏0
  • 课时77.序选择掌握

    CSS3中新增的选择器最具代表性的就是序选择器。 1.同级别的第几个 1.      :first-child 选中同级别中的第一个标签 注意点:不区分类型        但是我们这里有一个注意点,如果我们在第一个p之前加一个h1,则第一个p就不变红了,因为我们是选中同级别中的第一个标签,在我们这个界面中,h1,p,div是同级别的,所以第一个p不变色。   2.  :last-child 选中同...

    appetizerio 评论0 收藏0
  • 课时73.后代选择元素选择(理解)

    摘要:后代选择器和子元素选择器之间的区别后代选择器使用空格作为连接符号子元素选择器使用作为连接符号后代选择器会选中指定标签中,所有的特定后代标签,也就是会选中儿子孙子,只要是被放到指定标签中的特定标签都会被选中。1.后代选择器和子元素选择器之间的区别? 1.1后代选择器使用空格作为连接符号 子元素选择器使用>作为连接符号 1.2后代选择器会选中指定标签中,所有的特定后代标签,也就是会选中儿子/孙子...

    yangrd 评论0 收藏0
  • 课时76.兄弟选择掌握

    摘要:我们先来明确一点,什么是兄弟比如,和是兄弟,必须是同级关系,如果是嵌套关系,儿子,孙子则不可以。我们先来明确一点,什么是兄弟? 比如,head和body是兄弟,必须是同级关系,如果是嵌套关系,儿子,孙子则不可以。 1.相邻兄弟选择器 CSS2 作用:给指定选择器后面紧跟的那个选择器选中的标签设置属性 格式:       选择器1+选择器2{             属性:值; } 我们将两...

    snowLu 评论0 收藏0
  • 课时71.后代选择掌握

    摘要:什么是后代选择器作用找到指定标签的所有后代标签,设置属性。首先你要明确什么是后代你的儿子,孙子,重孙子等,只要有你的血脉的,都是你的后代。1.什么是后代选择器? 作用:找到指定标签的所有后代标签,设置属性。 首先你要明确什么是后代? 你的儿子,孙子,重孙子等,只要有你的血脉的,都是你的后代。 我们先来举个例子 我们想让div中的标签变红 1.用标签选择器可以做吗? 不可以,它会选中页面上的...

    lixiang 评论0 收藏0

发表评论

0条评论

Bowman_han

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<