温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好了,那我们把我们的复合选择器呢来做一个总结,可能我们学了这么多同学里脑子晕晕的啊,来我给大家串一串,其中第一个呢,我们先讲了后代选择器,这个后代就是子孙后代的意思,那到这里面来看一看,我们这儿呢,是不是有两组标签呀,那这是一组标签,这一组标签好,我如果什么呢,只想选这一组的话,和为了和这个相区别开,我们可以选na空格里面的A,那是不是就把它给选出来了,还是那句话,有妈的孩子像快宝,没妈的孩子棵草,那就不要你了,还是这个意思,所以呢,我们在写的是na里面的A,就可以把它选出来区别开啊,这是我们用的最多的一种选择器,注意它的隔开符号,用空格隔开,还有一个呢,跟它特别特别相似的叫做子弹选择器,或者是叫做子元素选择器,那给我来看一下,这呢有两组标签,这是第一组div,这是div,二组div,好了,如果你写了一个div空格strong,那么这两组你都能选出来。
01:00
因为呢,这个呢是儿子,这个是孙子,那子孙后代用后代用我们的后代选择器都是能选出来的,没问题,但是呢,我如果只想把这一组选出来。那这组不选它,那我们就不能用后代选择器了,我们用的叫做子元素选择器,那么这个呢,是用的大于号,Div大于strong,也就说只选氢儿子离得最近的一级,中间是不能隔开的。好了,那么最后呢,我们就明白了,哦,原来他俩个区别是吧?你简单粗暴,像我这样记子代选择器只选亲儿子是吧?那么后代选择器呢,儿子、孙子,重孙子我都能给你选出来,这是他俩最大的区别。好了,那我们又学了一个稍微复杂一点的,叫做交集选择器,哎,交际选择器你不用想太多,就是既是谁又是谁的意思。好了,那你就比如说我们讲的这个案例p.red那它的意思就是说既是P标签,又有它的class类名,又叫做red,是不是这个意思?你看既是P标签,Class又叫red的,是不是只有这一组条件才满足啊,下面呢,这不是P标签,这个呢,它不叫做red,所以说这两组就不满不选出来了,所以说呢,这叫交际选择器啊好了,那么我们又讲了一个并集选择器,诶这个也是重点那。
02:11
命题选择器呢,通常用于集体声明,什么意思啊,他们的样式都一样了,对不对,我的一样,你的一样,那爷爷说咱们都一样,是不是就这个意思啦,那我们就我和你都一块来写就行了,那叫并机选择器,那P逗号span逗号red,意思就是说段落也是红色,Span也是红色,Red呢还是红色,它们三个呢,都是红色的意思,那我们就没必要分开写,这样代码是不是更简洁呀?这个我们后面用到也特别的多,这两要记意啊,还记住它们的隔开符号,用逗号隔开,我和你都一样的意思。好,那最后讲了一个特殊的选择器,叫做链接伪类选择器啊,那链接伪类选择器呢,我们用的是这个符号啊,就是冒号link,叫尾类,只不过呢,前面我们又加了一个A,所以我们称之为链接尾类,其实是不是也是有两个选择器组成的,第一个呢,叫我们的标签选择器A,那后面叫做我们的伪类选择器,那这个链接伪类选择器有四个状态,我们说了你需要注意一点,是不是顺序不能颠倒。
03:11
好呀,哎,就按照link visited how和ACTIVE1起来记就行了,那我说了LV包包非常的好,是不是就按照这个顺序来记最好了啊好了,但是在实际开发里面呢,咱们也不会写的这么啰嗦,一般我们这么写是不是先声明一个A样式?然后呢,再做一个鼠标经过冒号的样式,哎,优先是一个状态,我鼠标一经过又变成了一个状态,那这是我们最常用的一个,所以说希望大家呢,把这个记住就OK了啊好了,那到此为止,我们这几个选择器讲完了,那肯定有同学问,哇塞,这么多选择器我怎么记呀?哎,那肯定有重点和主次之分。在这里面要求同学们把这三个记住,后面两个你再有时间再记啊,第一个叫后代选择器,重点要记,第二个呢叫并集选择器,我们重点要记,第三个呢叫链接为零选择器,这三个是我们学习的重点部分,你只有把这三个弄完全弄明白了,有时间再去看看后面这两个选择器,哎,这个两个我们用到相对来说较少一些,好在这里面我们把符合选择器呢做了个总结。
我来说两句