00:00
刚才呀,我们明白,我们选择器实际上就是选择标签,把我们想象的标签选出来,但是呢,在我们实际开发里面,经常会用不同的选择方法,那比如说刚才我们看到的这个,我们看把一只眼睛选出来,还可以把两只眼睛选出来,还可能是把会吹口哨的这一个选出来,是不是我们的需求不一样呀,所以说我们的选择器呢,就根据我们的需求不同分成了重点是两大组,其中第一大组呢,我们称之为基础选择器,第二大组呢,我们称之为符合选择器,那我们这里面先讲解一下我们的基础选择器好了,那基础选择器你看字面意思我们就知道是不是就是最基础的最简单的几个选择器呀,那我们基础选择器在我们这左边看看,也其中呢,我们分为了这么主要的是有四个,其中第一个呢,我们为标签选择器,第二个呢叫类选择器,第三个呢,我们称之为ID选择器,最后一个呢,我们讲一下我们的通配符选择器,那我们重点是讲这四个。
01:00
我们先讲我们选择器中的第一种,也是我们最常用的一种,我们称之为我们的标签选择器,那标签选择器实际上也称之为元素选择器啊,它呢是以我们HL的标签名作为选择器的,但是这一种呢,其实我可以简单提一下就行了,因为咱们前面已经用过了,好那你比如说打开我之后,我这呢新建了一个页面,我这个页面中呢,有两个标签,其中第一个我们称之为div标签,第二组呢,我称之为span标签,那我的要求呢,非常简单,哎,同志们,我要求你把所有的div改成红色。所有的SPA改成绿色。会不问你们会不会做呀?哎,我说到这儿之后呢,有同学就明白了,哎,老师,刚才你不已经教给我们了吗?啊,So that name确实已经教给你们了,前面咱们用的最多的就是这种标签选择器,那标签选择器呢,非常简单,我们简单理解一下啊,标签选择器可以把某一类标签全部选出来,那也就是说,比如说所有的div啊,所有的SPA呀,都可以通通把他们全部选出来,这一种呢,我们称之为标签选择器,因为它写是以标签名为主的,好,那刚才我的需求说出来了,那我们怎么写?来来,给我一次来写一写啊,然后呢,到我们这里面去,是不是先写一个style标签呀,好,有了标签之后再去书写我们下面这一个东西,看好了,那写什么东西呢?我要把所有的div选出来,那你就怎么写呀,看好我这呢给你总结的口诀啊,标签选择器页面同选题,也就说页面中会把同类的全部选起来。
02:34
直接写标签,全部不放弃,那直接写标签就可以了,我想要把div选出来,你只需要在里面写一个div就可以了,能是不是直接写标签,这是我们这句话全部不放器,那你写完之后呢,哎,我把它改成一个我们的red是一个红色,写完毕之后呢,我们右击在浏览器中打开看一看一走,那我们发现哦,是不是所有的div全部都选取出来了,所以说全部不放弃,他会把页面中所有的div全部都选取出来,这个咱们用了很多了,所以咱们简单说一下,好,第二个比如说我在说让想让你把所有的span全部选出来呢。
03:11
哎,那是不是也可以呀,哎,直接写标签span全部不放器c color,然后呢,Green那就是一个绿色了,那就是全部不放器了,写完毕之后呢,我们再刷新看效果走,诶果然是不是所有的SPA都改成了一种绿色,那这就是我们讲的什么呀,标签选择器啊好了,那么标签选择器再总结一下,是不是可以把某一类标签是不是全部选出来了,全部播放器啊,然后它的优点呢,能够快速为页面中同类的标签指定同一种样式,也就是说它可以把页面中所有的div啊,所有的SPA一个blood全部选出来,改一下样式,那但是呢,它有一个缺点,是不是不能差异化来设计样式啊,也就说是你要改,就页面中所有第二位都要改,你不能说单独只改某一个啊,这就是我们说的这个标签选择器,那么我们简单来总结一下,标签选择器它是不是有,我给大家总结了一个口诀啊,标签选择器页面同选题啊,把页面中相同的这一个标签呢,全部选取出来,然后呢它的写。
04:11
把那是直接写标签啊,你要想选某一个标签,那就写它就行了,OK,那你比如说我要写一个IM input,那就把页面中所有的I input标签全部选出来,做一件什么事情,哎,当然这里面只能是标签啊,老师我ABC这么写呢,是错误的,我们没有这个标签,只能写我们前面已经讲过的这些常见的标签才可以啊,最后一个呢,就是是全部不放弃,只要你写了一个SPA,页面中所有的全部选出来,不会有落下的,这就是我们说的叫做标签选择器。好,那总结完毕之后呢,会给大家呢有一个思考题,肯定有的同学也会问啊,老师他不能差异化设计啊,也就是说是他只能全部选出来,那我想选其中的一个或某几个标签怎么办呢?哎,如果有同学想到了这个问题,那就恭喜你已经学会独立思考了,比如说老师,我就把第一第一个第位改个颜色,其余div不改怎么办呢?
05:09
同学们先想一下,这个我们应该怎么来做。
我来说两句