温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
我们来看一下我们的第二种叫子元素选择器,那子元素选择器它到底选哪一部分呢?哎,这个我们是通过代码来记忆会更好一些,比如说同学们给我们来看啊,我这儿呢有一个div标签,Div标签呢,首先呢,里面我们再放一个strong,大家还记得我们的strong标签吗?哎,这个呢,我就觉得儿子啊,这不是骂人的话啊啊我点大家好理解好,第一个div里面有一个strong叫儿子对吧?然后呢,我再来一组div OK,那div里面呢,它里面在时装的外面呢,又放了一个盒子,比如说我外面放了一个P标签,P标签里面我又放了一个叫做STG装标签,那这个叫做什么呀?孙子,哎,孙子啊,但还是那句话,不是骂人的啊,CL加CCRL加V保存,那同学们给我来看一下,咱们是不是通过这个结构来分析他们啊,这个strong相当于我们这个div来说,是不是就是儿子了,而这个孙子呢,相当于我这个div来说,那是不是就是这个strong相当于他的孙子,因为他的爸爸叫P。
01:00
发表叫div,所以说呢,他这个strong是不是相当于这个div的孙子了,OK啊,那这个结构大家应该没什么问题吧,那你看有了之后,我就可以书写我的样式了,给我来看啊,Style哎,然后呢,咱们走一个style啊,过下来之后,我们到这个结构里面去看,好我这么写了,如果按照我们刚才讲的div空格死装,这是我讲的什么选择器嘞,是不是叫后代选择器啊,Co color啊,然后呢,我选一个red,我改完之后你先给我看效果啊,Div里面的死strong,你看这是一个div吧,这也是div里面呢,它也有死strong,它也有死strong,你这么改完之后呢,页面里面所有的死strong呢,都会变颜色,是不是都会变成儿子和孙子,是不是都会变成一种红色啦,那这个呢,是我们讲的叫做后代选择器,OK啊,那我们讲的啊,后代选择器,哎,选择什么呀,子孙。后代,哎,只要是只要是他属于他的孩子的,你像儿子是不是也属于他的孙子,是不还是他的孩子啊,只要是子孙后代他都跟着选出来,那子代选择器呢,你看一下啊,你给我总结,我给你演示代码,你告诉我它是选什么的,那我写了一个div,看好了,它是大于了一个strong采用了,竟然用了一个大于号,哎,我们知道后代显示器呢,是用空格,而这个呢,用了一个大于号strong,然后写完毕之后呢,哎,我们的color用我们的pink颜色,我写完之后呢,你再来看效果啊,我刷新一遍走。
02:27
哎,结果你会发现,竟然只有儿子被选出来了。发现了吗?孙子还选出来了吗?它选不出来了,那这个呢,我们又叫做什么呀?子弹选择器,OK啊,叫做或者叫做子元素选择器。选择T啊,那么符号是什么呀?是这种大于号,是不是这种符号啦,那子元素选择气它选的是什么呢?是不是只选最离它最近的这一节,也就说呢,只选我们通俗一点是不是只选儿的这一级了,因为这个strong它已经外面包了一层P,是不是相当于孙子辈了,所以他就不再去选择了,那这就是我们叫子元素选择气,你看啊,子元子选择气只能选择作为某元素的子元素的元素,子元素也说了,我这给你标示出来是不是氢R的这一步啊,啊亲儿的这一步啊,所以说它的符号呢,是用了一个大于号来进行了一个链接啊好了,那在这里面的话呢,Pink老师一句话说说他们,哎,咱们就这么粗鲁啊,你这个记是最好记的,这里的子元素词指的是亲儿子,不包含孙子和重孙子之类的,他都不包含,也就说他选择的话呢,只选择我们这个,你看孙子就不选择,只选择儿子级别的啊。
03:36
好,我们最后总结一下,也就是说我们的子元素选择器它只选氢儿子,哎,这个元素是不是这些元素应该是啊这些元素OK,那也就说是我们这个子元素选择器和我们后代选择器,第一个它们的符号不一样,它是空格,它是大于号,第二个呢,后代选择器只要你加了一个空格,表示只要是你的我的孩子都行,不管你儿子、孙子,重孙子都能选出来,而子元素选择器呢,只选最近的一级儿子这一部分,否则都不选。
我来说两句