00:01
下面我们来做一个常见的一个效果。啊,这里面两个表格,其实这两个表格内容是一样的,它们的区别在哪里。其实左边的这个表格呢,它有一个特点,它就是有一个特点叫什么呢。隔行变色。能看到吧,啊,那我怎么样将一个这样的一个表格啊,变成一个隔行变色的表格了。我们来看一下这地方好像是什么。啊,肯定是格人行,就就本来它应该都是同一个颜色,都是这个颜色的,对不对,我们是不是把偶数或者是基础行变成了一个特别的颜色,一个浅红色。是吧,好,我们来看一下。表格不需要写啊。就现在我的手里面拿的就已经有这个表格了,那当然你要写出这个表格的话,那是不是还要多多少少写一点小样式啊。
01:09
啊,这个也不需要大家写,我们唯一要做的来看一下,先看一下这里面,这里面呢是一个table里面有一个。Hand,这里面有个什么t body,我们重点是不是要把t body里面的这些TR。是不是指定背景颜色,但又不能所有都指定。是吧,啊OK。那怎么办呢?啊,基础好,假设你说基础啊,没关系,无论基础偶数,反正只要是其中的某一个就行了,是吧?来,我们来想想该怎么做,首先我们想到肯定要用几块尾是不是,那我首先干嘛。是不是引入积分好这一个,我专门在往这个文件夹里面搞一个几块进去啊,我也别别去别的地方拷贝了,我直接在这里面是不是搞过来就可以。
02:08
就放在这里,我直接放在这里拉倒好吧。这就放这里好了,那下面我怎么引script啊,接着了。是吧,SCRIPT1好了,我要将啊,大家看到啊,将奇数行体里面的这个奇数行的TR,这是偶数行嘛,因为它的行号是几零。对不对,不从零下从零开始的嘛。这意思吧。那也就是说将他们。隔一个是不是都要变成一个有颜色的背景呢?那我现在找到他们了。是吧,那我怎么样找到他们呢?那我要写选择器是不是。
03:00
来写吧,怎么写?首先是给它根据ID先我告诉大家,首先因为这里面过滤是不是过滤找到,首先根据ID尽早定位到一个位置。你写table行不行,其实也是可以的,但我通过table是不是能找到这个标签,我通过ID也能找到个标签,你说谁快的ID?为什么ID快和慢呢?因为ID只能有一个,它一旦找到了就停下来了。能理解吧,那我的table我要找到了,我还找不找找。我必须全部全程扫描,是不是能不懂好,所以最好用ID好了,那我就先写个基本的。走,升学吧,接着。是找他吗?不是啊,我现在找他的什么去是找TR呀,但是这个TR必须叫什么T玻璃,那个T玻璃跟这个key什么关系呢?父子关系,那我怎么写大于符号呗。
04:17
能懂吧,这跟那写写这个CS选择器也差不多了是吧?好,下面我要找t body里面的什么TR够了吗?不够,那样的话我不把所有的TR都找到了吗?我只要什么基础旁的刚刚说了对吧?下边为奇数的对不对?那找奇数的我应该怎么找嘞?是不是这个冒号O的。冒号什么O的剩下是吧?好,要给他们加什么,加CSS被颜色是不是点CSS括号,什么属性名,那个ground什么值,我想跟他的值一样,你说我该怎么办是吧?拿取色去取,这是一种办法,还有别的办法吗?查看呗,审查是吧?看样式呗,看TR是不是是吧?看这有颜背景颜色T不就他吗?
05:28
给他复制一下不就拉倒吗?各种方法都可以。可不可以,可以,那也就说现在应该好了。对不对,来看一看,好像也没做什么事啊,说就好了。你说男的是写表格,那就没办法了,我跟你说把把哪个做了,没做的都是男的。
06:03
啊,现在我们主要是念一下这个过滤器真正在做功能的时候该怎么做的,其实也用起来非常简单,大家真正去用过滤器的时候,真的是综合使用,也没人告诉你要用什么。我们真正测试的时候是很简单,因为测试比较单一,就测某一个点或者某两个点,但真正去写选择题的时候,项目你选选者,那还是会有一点复杂度的。你要觉得这个老师这个很简单,不复杂,OK,那你一会了啊。啊,就这么个事啊。
我来说两句