00:00
好,这是ID选择器,下面再看一下样式选择器,也就是class的使用。再来个按钮。阿牛呢,我拷贝一下。这一块呢,我们要做的是。我们要使用class的样式来获取到对象。函数是f fun,上面这块呢,再来定义一个函数吧,发FUN2。那里边儿我们要使用样式选择器。好,语法规则啊,VBC等于Dollar。样式选择器双引号点开头的样式名,我们的class代表样式,它的名字叫to。
01:08
所以是这样的,点to就完事了,那他能找到的是。Class等于two的这个div,把它背景色呢,我们也改一下OBD的CSS,改变它的背景色啊,我们这儿写一个yellow吧,黄色的保存代码。右侧点下了。我们看。是黄色的吧,那说明你通过这种样式的方式,是不是也能够定位到倒对象改变它呀,这是样式选择器啊。再往下再来一个。再来一个呢,我们用的是标签选择器。
02:00
我们使用的是标签,选择T。这个函数FUN3好。八克身FUN3好,我们使用的是标签选择器,所以啊OBJ等于Dollar里边就是标签名,我要选的是谁呢?Div标签,那这样的话呢,我们在页面有几个div啊,你看。这是一个两个三个,那么这三个就都找到了,那现在它这个数组有几个值,有三个,因为第二标签有三个嘛,它是三个,它是一个数组有三个对象,三个三个倒对象,然后OJ改CSS啊看你的。改变背景色background,然后颜色呢,我们用一个蓝色。
03:10
刷新,然后使用标签选择器看着啊。蓝色,那我们看这三个是不是都改变了,为什么呢,这三个都是。Div标签,我们通过标签选择器把符合条件的三个div全都找到了,然后统一设它们的背景色,那这里边儿呢,提到一个问题,这个CSS。他好像只给这个OBJ给他来改变。背景色吧,但是在这块中,在这里啊,J query的操作都是什么呢?都是。操作数组中的全部成员。
04:01
全部成员啊,他是把整个数组中的全部成员都抄作一遍。不是单独操作一个啊,是操作j query所表示的这个数组中的全部成员,所以是。所以是给所有的div都设置了背景色。哎,是这样的。好点一下,你看这三个都设上了吧,这叫做标签选择器,当然你能选择div标签,当你选择SPA了都可以。比如说你这选的是SPA的话,SP。那你看这的话就是它了。这是STEM,点一下你看这蓝色了吧,这就很方便了,这就是我们的最常使用的三个选择器。
05:02
这是我们的ID选择器,这是样式选择器,这是我们的标签选择器,那对于这个它等于to啊,这个内容啊,我不知道大家呢,明不明白这个样式的内容啊。那如果你明白更好,如果呢,你觉得这块呢,有疑问的话呢,我可以帮你呢,去做一下这个拉,等于to的操作。好,那你看你之前杨老师讲的时候,这个样式这块你们这个了解吗?这就有什么不明白的地方没有吧,这个样式的使用。如果你要不明白的话,我就帮你解释解释,如果你明白呢,我们就往下来讲了,不说这个内容了。行,看看大家。这个等于to这块用不给大家说一说。嗯,行,那我给大家介绍介绍啊,什么意思,就说大家看啊。
06:01
我们在这个页面上有这样的文字,他们是不是可以设什么颜色呀,大小啊等等啊,那这个样式class是这样的,你看啊。我们在上面这这叫样式,大家是不是定义过呀,这里给现有的标签div定义样式,但是我们可以自定义样式,比方说我这写一个名字,随便写一个,我叫做t wo,然后在这里边,比方说指定背景色,这个背景色呢,我们随便选一个吧。比如说选一个,我看看选一个这个,选一个这个吧,选一个他。好,那就意味着什么呢?T w two。它代表的是这个样式的信息了,那这个是样式的名字,这个to啊是样式名。那现在class等于two,那就说明我这个标签要应用这里边定义的样式内容。
07:01
那如果说这个SPA我也想用,那很好办呢,Class tw就完事了,保存那你看。这是不是也变成了这个黄色的背景色了,这就是样式的一个应用,这个样式呢,是你自定义的一个样式名。啊,这定义的。你不叫,你叫A,你叫B叫C都行。自定名称,然后这个名称里边呢,你可以定义你的样式的内容,然后定义你的这个背景色,或者说定义你的字体,Size是这个20PT。好,那你看这个字是不马上就变大了。然后呢,这个to你进完之后,你可以在你想要用的地方,你想给这个div。应用黄色背景色二式的字体,那么你就指定class就是这个名称,它这个应用,这个样式的这个to可以反复用,你看这也能用,这也能用,这就是样式的意思,所以说你可以定一个样式表。
08:06
通过样式表这个名字。我们也能定位盗墓对象。好,这么说大家有所了解了吧,这是样式的一个意思啊,这是class定义样式,也就是你给这个组件是什么样子,什么颜色呀,什么字体呀,什么背景色等等的,这叫做样式。好,那这是我们讲过的啊,这是三个选择器。ID的,这是样式的,这个是div标签的。好样式呢,里边就是样式的名字就完事了,那么这个点to就这里,这个值就是它。啊,通过样式定位的。其他选择器呢,我们还有往下再看一下这个第四,第四呢叫所有选择器。就是这个心。星代表是当前页面中的所有倒对象。
09:04
好,我们来给大家。试一下。嗯。我看看啊。有同学问了,孙伟说,这和下样式有啥区别?它就是西安的样式啊,这有啥区别呀?它就是C的样式啊,就是CSS呀,没什么区别呀,就是CSS呀。只不过是给这个CSS命个名嘛,可以自定义名字嘛,它就是CSS啊。这个没问题吧。这不就是CS吗?这个是说你给这个div标签设样式,这是你自定义一个名字来代表你自定义的样式信息嘛,它就是样式就是CSS啊。CSS不就是样式啊,就是它啊。
10:00
H build这个呢?你习惯用你就可以用,你要不习惯呢,你用idea用其他工具都行,这个不强制啊。只是说我们教学要求说是要用这个h builder啊,H builder你不用它完全没问题。好,那我们往外说啊,是我刚才的吧。刚才我们要说的是一个叫做。全部选择器啊,全部选择器in input type。Button value,我们叫做全部选择器啊,或者所有所有选择器,On click fun4。好,那现在呢,我们来定位它啊,八个山,FUN4,然后里边呢,VAR BJ等于Dollar。
11:08
星星代表所有Oj.CSS我们还是来设背景色back ground,然后颜色这块呢,我们设一个green绿色。好。保存一下啊。然后最后一个所有看全是绿色的。为什么全是绿色的?因为星代表所有,那你想你在整个页面中,从这开始,这些都是道德对象,所以呢,星代表所有,那么每一个标签,每个倒对象都设成这个绿色背景色了,所以这是全部所有啊。这是我们的全部选择器星。
我来说两句